- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-04 10:25:25
定义
videoTracks 属性返回一个 VideoTrackList 对象，用来表示视频的可用视频轨道；每个可用的视频轨道是由 VideoTrack 对象表示的，该对象提供有关轨道的信息。
返回的列表是实时的 ; 也就是说，当向媒体元素添加和删除轨道时，列表的内容会动态变化。一旦您有了对列表的引用，您就可以监视它的更改，以检测何时添加新的视频轨道或删除现有的视频轨道。
语法
video.videoTracks
返回值
| 值 | 描述 |
|---|---|
| VideoTrackList 对象 | 表示视频的可用视频轨道列表，可以使用数组表示法或使用对象的getTrackById()方法访问轨道列表。 VideoTrackList 对象： ● videoTracks.length - 获得视频中可用视频轨道的数量 ● videoTracks.getTrackById(id) - 通过 id 获得 VideoTrack 对象 ● videoTracks[index] - 通过下标 index 获得 VideoTrack 对象 ● videoTracks.selectedIndex - 获得当前 VideoTrack 对象的下标 注释：第一个可用 VideoTrack 对象的下标 index 是 0 |
| VideoTrack 对象 | 每一个视频轨道由一个VideoTrack对象表示，该对象提供有关轨道的信息。 VideoTrack 对象的属性： ● id - 获得视频轨道的 id ● kind - 获得视频轨道的类型（可以是 "alternative"、"captions"、"main"、"sign"、"subtitles"、"commentary" 或 ""（空字符串）） ● label - 获得视频轨道的标签 ● language - 获得视频轨道的语言 ● selected - 获得或设置视频轨道是否是活动的（true|false） |
浏览器支持
| HTML音频/视频 DOM属性 |  |  |  |  |  |
videoTracks | 不支持 | 不支持 | 不支持 | 不支持 | 不支持 |
所有主流浏览器都不支持 videoTracks 属性。
获得可用视频轨道的数量：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0133技术站(0133.cn)</title>
</head>
<body>
<video id="video" controls="controls">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190401/1554090816407251.mp4" type="video/mp4">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190401/1554090837618222.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
<br> <br>
<button onclick="getVideoTracks()" type="button">获得可用视频轨道的数量</button>
<script>
myVid=document.getElementById("video");
function getVideoTracks()
{
alert(myVid.videoTracks.length);
}
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
推荐手册