HTML5 <track> 标签
主题：HTML5 标签参考上一页|下一页
说明
<track> 元素用于为 <audio> 和 <video> 元素指定补充文本轨道，例如字幕轨道和字幕轨道。
下表总结了此标签的使用上下文和版本历史。
| Permitted Parent: | 媒体元素，如 <audio> 或 <video> |
|---|---|
| Content: | None。 它是一个empty 空元素。 |
| 开始/结束标签： | 开始标签： required, 结束标签：forbidden |
| 版本： | New in HTML5 |
语法
<track> 标签的基本语法如下：
HTML: <track>; XHTML: <track />
下面的示例显示了 <track> 标签的作用。
<video controls="controls">
<source src="shuttle.mp4" type="video/mp4">
<source src="shuttle.ogv" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
Your browser does not support the HTML5 Video element.
</video>标签特定属性
下表显示了特定于 <track> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
| Required — 必须在此标签上指定以下属性才能使标签有效。 | ||
src |
URL | 指定曲目文件的 URL。 |
| Optional — 以下属性是可选的。 | ||
default |
default |
指定应该启用该轨道，除非用户的偏好表明另一个轨道更合适。 |
kind |
captions |
指定文本轨道的类型。 |
label |
text | 指定文本轨道的标题。 |
srclang |
language-code | 指定曲目文本数据的语言。 如果 kind 属性设置为 subtitles，则必须定义 srclang。 |
全局属性
与所有其他 HTML 标签一样， <track> 标签支持 HTML5 中的全局属性。
事件属性
<track> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <track> 标签。
 |
基本支持—
|
进一步阅读
相关标签： <audio>, <video>, <source>.
Advertisements