DOM Track的kind属性用于设置或返回track的kind属性的值。 kind属性用于指定轨道的类型。
用法:
- 它用于返回kind属性。
trackObject.kind
- 它还用于设置kind属性。
trackObject.kind = “captions|metadata|chapters|subtitles|descriptions”
值:它是true或false,表示轨道的默认状态。默认情况下为false。
- captions:它定义了对话和声音效果的翻译,也适用于聋哑用户。
- metadata:它指出脚本使用的内容,但不会显示给用户。
- chapters:它定义了适合浏览媒体资源的章节标题。
- subtitles:在视频中显示字幕。
- descriptions:它描述了视频内容的文字描述。
- 谷歌浏览器
- Internet Explorer 10.0+
- Opera
返回值:它以字符串形式返回文本轨道的类型。
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Track kind Property</h2>
<video width="100"
height="100"
controls>
<track src=
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
id="myTrack"
kind="subtitles"
srclang="en"
label="English"
default>
<source id="myTrack2"
src=
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
type="video/mp4">
</video>
<p>
Click the button to get the kind
property of the track.
</p>
<button onclick="myFunction()">
Get kind property
</button>
<p id="gfg"></p>
<!-- Script to get the kind property -->
<script>
function myFunction() {
var x = document.getElementById(
"myTrack").kind;
document.getElementById(
"gfg").innerHTML = x;
}
</script>
</body>
</html>
Output:
在单击按钮之前:
单击按钮后:
Supported Browsers:
相关用法
- HTML <track> kind属性用法及代码示例
- HTML Track src用法及代码示例
- HTML Track srclang用法及代码示例
- HTML Track default用法及代码示例
- HTML Track readyState用法及代码示例
- HTML Track label用法及代码示例
- HTML kind属性用法及代码示例
- HTML <track>用法及代码示例
- HTML DOM Track用法及代码示例
- HTML <track> src属性用法及代码示例
- HTML <track> srclang属性用法及代码示例
- HTML <track> default属性用法及代码示例
- HTML <track> label属性用法及代码示例
- HTML DOM id用法及代码示例
- HTML Map name用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Track kind property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。