DOM track src属性用于设置或返回src属性的值,该值显示文本轨道的URL。
用法:
- 它用于返回默认属性。
trackObject.src
- 它还用于设置默认属性。
trackObject.src = URL
值:
- URL:它用于指定文本轨道的URL。
返回值:它以字符串形式返回轨道的URL(包括协议)。
例:
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
Track src Property
</h2>
<video width="100"
height="100"
controls>
<track src=
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
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 source of the track.
</p>
<button onclick="myFunction()">
Get URL
</button>
<p id="gfg"></p>
<!-- Script to get the URL property -->
<script>
function myFunction() {
var x = document.getElementById(
"myTrack");
document.getElementById(
"gfg").innerHTML = myTrack.src;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:
- 谷歌浏览器
- Internet Explorer 10.0+
- Opera
相关用法
- HTML Track srclang用法及代码示例
- HTML Track label用法及代码示例
- HTML Track readyState用法及代码示例
- HTML Track kind用法及代码示例
- HTML Track default用法及代码示例
- HTML <track>用法及代码示例
- HTML DOM Track用法及代码示例
- HTML <track> src属性用法及代码示例
- HTML <track> label属性用法及代码示例
- HTML <track> srclang属性用法及代码示例
- HTML <track> default属性用法及代码示例
- HTML <track> kind属性用法及代码示例
- HTML DOM URL用法及代码示例
- HTML li value用法及代码示例
- HTML DOM id用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Track src property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。