DOM轨道readyState属性用于返回轨道的当前就绪状态的值。它是只读属性,就绪状态表示轨道是否可以播放。
用法:
trackObject.readyState
返回值:它返回一个数字,表示轨道是否已准备好播放。
- 0 =无=>表示尚未获得文本轨道
- 1 = LOADING =>表示文本轨道加载中没有错误,并且仍然可以通过解析器将更多线索添加到轨道中。
- 2 =已加载=>表示文本轨道已正确加载。
- 3 =错误=>这意味着已启用文本轨道,但是在用户尝试获取文本轨道时失败。
例:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Track readyState Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h4>Track readyState Property</h4>
<video width="100" height="100" controls>
<track src=
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
id="myTrack1" kind="subtitles"
srclang="en" label="English">
<source id="myTrack" src=
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
type="video/mp4">
</video>
<p>
Click the button to get the
readyState of the track.
</p>
<button onclick="myFunction()">
Get readyState
</button>
<p id="gfg"></p>
<!-- Script to get readyState property -->
<script>
function myFunction() {
var x = document.getElementById("myTrack1");
document.getElementById("gfg").innerHTML
= x.readyState;
}
</script>
</body>
</html>
输出:
- 在单击按钮之前:
- 单击按钮后:
支持的浏览器:下面列出了HTML DOM Track readyState属性支持的浏览器:
- 谷歌浏览器
- Internet Explorer 10.0+
- Opera
相关用法
- HTML DOM readyState用法及代码示例
- HTML Audio readyState用法及代码示例
- HTML Video readyState用法及代码示例
- HTML Track src用法及代码示例
- HTML Track kind用法及代码示例
- HTML Track default用法及代码示例
- HTML Track srclang用法及代码示例
- HTML Track label用法及代码示例
- HTML <track>用法及代码示例
- HTML DOM Track用法及代码示例
- HTML <track> src属性用法及代码示例
- HTML <track> srclang属性用法及代码示例
- HTML <track> label属性用法及代码示例
- HTML <track> default属性用法及代码示例
- HTML <track> kind属性用法及代码示例
注:本文由纯净天空筛选整理自shubham_singh大神的英文原创作品 HTML | DOM Track readyState property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。