Video addTextTrack() 方法

Video 对象参考手册 Video 对象

向视频添加一个新的文本轨道:

<video id="myVideo" width="320" height="240" controls>
  <source src="/examples/movie.mp4" type="video/mp4">
    <source src="/examples/movie.ogg" type="video/ogg">
   您的浏览器不支持 video 标签。
</video>
<p>点击按钮添加新的文本轨道。</p>
<button onclick="myFunction()">点我</button>
<p><strong>注意:</strong>所有主流浏览器都不支持 addTextTrack() 方法。</p>
<script>
  var x = document.getElementById("myVideo");

  function myFunction() {
    var y = x.addTextTrack("caption");
    y.addCue(new TextTrackCue("Test text", 01.000, 04.000, "", "", "", true));
  }
</script>

尝试一下 »


定义和用法

addTextTrack() 方法创建和返回新的文本轨道。

新的 TextTrack 对象会被添加到视频/音频元素的文本轨道列表中。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都不支持 addTextTrack() 方法。


语法

videoObject.addTextTrack(kind, label, language)

参数值

描述
kind

规定文本轨道的类型。

可能的值:

  • "subtitles"
  • "caption"
  • "descriptions"
  • "chapters"
  • "metadata"
label 字符串值,为文本轨道规定标签。用于为用户对文本轨道进行标识。
language

双字母语言代码,规定文本轨道的语言。

如需查看所有可用的语言代码,请参阅我们的语言代码参考手册

技术细节

返回值: TextTrack 对象, 表示新的文本轨道。

Video 对象参考手册 Video 对象