HTML <track> 标签
HTML <track> 标签为媒体元素 ( 比如 <audio> 和 <video> ) 设置外部文本轨道
这个元素用于设置字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的
浏览器支持
IE 10、Opera 和 Chrome 浏览器支持 <track> 标签
可选的属性
属性 | 值 | 描述 |
---|---|---|
default | default | 设置该轨道是默认的 如果用户没有选择任何轨道,则使用默认轨道 |
kind | captions chapters descriptions metadata subtitles |
设置文本轨道的文本类型 |
label | text | 设置文本轨道的标签和标题 |
src | URL | 必需的。设置轨道文件的 URL |
srclang | language_code | 设置轨道文本数据的语言 如果 kind 属性值是 "subtitles",则该属性是必需的 |
范例
带有两个字幕轨道的视频
<video width="320" height="240" controls> <source src="/static/i/html/forrest_gump.mp4" type="video/mp4"> <source src="/static/i/html/forrest_gump.ogg" type="video/ogg"> <track src="/static/i/html/subtitles_en.vtt" kind="subtitles" srclang="en" label="English"> <track src="/static/i/html/subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian"> </video>
HTML 4.01 与 HTML5 之间的差异
<track> 标签是 HTML5 中的新标签
全局属性
<track> 标签支持 HTML 的全局属性
事件属性
<track> 标签支持 HTML 的事件属性