Video videoTracks 属性

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>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<p><strong>注意:</strong> 目前没有任何主流浏览器支持 videoTracks 属性。</p>
<script>
  function myFunction() {
    var x = document.getElementById("myVideo").videoTracks.length;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »


定义和用法

videoTracks 属性返回 VideoTrackList 对象。

VideoTrackList 对象表示视频的可用视频轨道。

VideoTrack 对象表示每一条可用的视频轨道。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前没有任何主流浏览器支持 videoTracks 属性。


语法

videoObject.videoTracks

返回值

类型 描述
TextTrackList 对象

表示视频的可用视频轨道。

VideoTrackList 对象:

  • videoTracks.length - 获得视频中可用视频轨道的数量
  • videoTracks.getTrackById(id) - 通过 id 获得 VideoTrack 对象
  • videoTracks[index] - 通过下标获得 VideoTrack 对象
  • videoTracks.selectedIndex - 获得当前 VideoTrack 对象的下标

注释:第一个可用 VideoTrack 对象的下标是 0。

TextTrack 对象

表示一条视频轨道。

VideoTrack 对象的属性:

  • id - 获得视频轨道的 id
  • kind - 获得视频轨道的类型(可以是 "alternative", "captions", "main", "sign", "subtitles", "commentary", 或 "" (空字符串))
  • label - 获得视频轨道的标签
  • language - 获得视频轨道的语言
  • selected - 获得或设置视频轨道是否是活动的 (true|false)

Video 对象参考手册 Video 对象