购物车
登陆 / 注册
微信扫码登陆

推荐手册

HTML 音频/视频 DOM videoTracks 属性


定义

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属性1546322463316818.gif1546322467179911.gif1546322470663741.gif1546322474991722.gif1546322488245643.gif

videoTracks

不支持不支持不支持不支持不支持

所有主流浏览器都不支持 videoTracks 属性。


获得可用视频轨道的数量:

实例

<!DOCTYPE html> 
<html>
<head> 
<meta charset="utf-8"> 
<title>html中文网(html.cn)</title> 
</head>
<body> 
<video id="video" controls="controls">
  <source src="http://img.php.cn/ueditor/php/upload/video/20190401/1554090816407251.mp4" type="video/mp4">
  <source src="http://img.php.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>

运行实例 »

点击 "运行实例" 按钮查看在线实例


网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号