HTML <track> 标签
实例
带有两个字幕轨道的视频:
<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
定义和用法
<track>
标签为媒体元素(比如 <audio> , <video> )规定外部文本轨道。
此元素用于指定媒体播放时应可见的字幕、字幕文件或其他包含文本的文件。
曲目的格式为 WebVTT 格式 (.vtt 文件)。
浏览器支持
表中的数字指完全支持该元素的第一个浏览器版本。
元素 | |||||
---|---|---|---|---|---|
<track> | 23.0 | 10.0 | 31.0 | 6.0 | 12.1 |
可选的属性
属性 | 值 | 描述 |
---|---|---|
default | default | 规定该轨道是默认的。如果用户没有选择任何轨道,则使用默认轨道。 |
kind | captions chapters descriptions metadata subtitles |
规定文本轨道的文本类型。 |
label | text | 规定文本轨道的标签和标题。 |
src | URL | 必需的。规定轨道文件的 URL。 |
srclang | language_code | 规定轨道文本数据的语言。如果 kind 属性值是 "subtitles",则该属性是必需的。 |
全局属性
<track>
标签支持 HTML 中的全局属性。
事件属性
<track>
标签支持 HTML 中的事件属性。
相关页面
HTML 教程: HTML Video
HTML 教程: HTML Audio
HTML DOM 参考手册: Track 对象
默认CSS设置
None.