如何通过JavaScript在HTML5视频播放器上显示不同语言的字幕?

时间:2018-05-17 07:18:12

标签: javascript html

我正在制作一个包含多种不同语言字幕的HTML5视频播放器。我想通过VTTCue方法显示我的字幕。到目前为止,我的VTTCue完全适用于英语,但它不适用于其他语言,如印地语,乌尔都语,中文,日语,韩语甚至西班牙语。它没有显示西班牙语的某些特征,例如óá。相反,它显示了一些非常不同请帮我。我只想通过VTTCue方法显示字幕。感谢

我的代码:

<html>
<head>
  <title></title>
</head>
<body>
  <video width="640" height="360" src="video.mp4" controls></video>
  <script>
    var video_player = document.querySelector('video');
    var track = undefined;
    track = video_player.addTextTrack("subtitles", undefined, "es");
    track.mode = "showing";
    track.addCue(new VTTCue(0, 10, "cómo están"));
  </script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

我怀疑你需要设置你的字符集。

charset定义了可以使用的字符。虽然标准英文字符通常是安全的,但默认字符集很容易无法识别其他语言的字符。

根据this post,UTF-8字符集应该用于多语言内容。

根据W3Schools,您可以使用它在HTML4标准中设置您的字符集:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

您也可以将此用于HTML5标准:

<meta charset="UTF-8"> 

这些行会进入页面的标题内。