带有两种语言的字幕轨道的视频:
<video width="320" controls> <source type="video/mp4" src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"> <source type="video/webm" src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"> <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 文件)。
表中的数字指定了完全支持该元素的第一个浏览器版本。
Element | |||||
---|---|---|---|---|---|
<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