Video textTracks 属性

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">
    <track src="demo_sub.vtt">
   您的浏览器不支持 video 标签。
</video>
<p>点击按钮获取可用文本轨道的数量。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var x = document.getElementById("myVideo").textTracks.length;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

定义和用法

textTracks 属性返回 TextTrackList 对象。

TextTrackList 对象表示音频/视频的可用文本轨道。

每条可用的文本轨道是由 TextTrack 对象表示的。

---

浏览器支持

Internet Explorer, Opera, Chrome, 和 Safari 6 浏览器支持 textTracks 属性。

注意：Firefox 和 Internet Explorer 9 及更早 IE 版本不支持 textTracks 属性。

---

语法

videoObject.textTracks

返回值

类型	描述
TextTrackList 对象	表示音频/视频的可用文本轨道。 TextioTrackList 对象的属性： length - 获得音频/视频中可用的文本轨道的数量 [index] - 根据下标来获得 TextTrack 对象 注释：第一条可用文本轨道的下标是 0。
TextTrack 对象	表示一条文本轨道。 TextTrack 对象的属性： kind - 获得文本轨道的类型（可以是 "subtitles", "caption", "descriptions", "chapters" 或者 "metadata") label - 获得文本轨道的标签 language - 获得文本轨道的语言 mode - 获得或设置该轨道是否是活动的 ("disabled"|"hidden"|"showing") cues - 获得 TextTrackCueList 对象的 cues 列表 activeCues - 获得 TextTrackCueList 对象形式的当前活动文本轨道 cues addCue(cue) - 向 cues 列表添加一个 cue removeCue(cue) - 从 cues 列表删除一个 cue

---

Video 对象