<track>
元素用于为 <audio>
或 <video>
元素定义外部文本轨道。文本轨道通常用于显示媒体文件中的字幕或描述信息。
属性
- default: 指定文本轨道是否应为默认轨道。如果设置为 true,则文本轨道将被视为默认轨道。默认值为 false。
- kind: 指定文本轨道的类型。可选值包括 subtitles(字幕)、captions(标题)、descriptions(描述)、chapters(章节)和 metadata(元数据)。
- label: 指定文本轨道的标签,用于在用户界面中显示轨道的名称。
- src: 指定外部文本轨道文件的 URL。
- srclang: 指定文本轨道文件的语言。
示例
<video controls> <source src="movie.mp4" type="video/mp4"> <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"> <track src="subtitles_es.vtt" kind="subtitles" srclang="es" label="Spanish"> </video>
在上面的示例中,我们为一个视频元素添加了两个不同语言的字幕轨道。用户可以在视频播放时选择显示哪种语言的字幕。
注意事项
- 请确保文本轨道文件符合 WebVTT(Web Video Text Tracks)格式,以确保浏览器正确解析和显示字幕内容。
- 某些浏览器可能不支持所有的文本轨道类型或属性,请在使用时注意兼容性。
属性 | 描述 |
---|---|
default | 设置或返回轨道的默认状态 |
kind | 设置或返回轨道的 kind 属性值 |
label | 设置或返回轨道的 label 属性值 |
readyState | 返回当前轨道资源的状态 |
src | 设置或返回轨道的src属性值 |
srclang | 设置或返回轨道的 srclang 属性值 |
track | 返回 TextTrack 对象,表示 track 元素的轨道文本数据 |