<track>
标签定义用于媒体元素(如 <video>
和 <audio>
)的文本轨道(例如子标题或字幕)。
属性
<track>
标签支持以下属性:
default
:指定文本轨道是否为默认轨道。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>
在上面的示例中,我们为一个视频元素添加了两个文本轨道,分别是英文字幕和西班牙文字幕。用户可以在视频播放时选择显示哪种语言的字幕。
注意事项
- 浏览器支持情况:
<track>
标签在大多数现代浏览器中都得到支持,但在一些旧版本浏览器中可能会有兼容性问题。 - 字幕文件格式:常见的字幕文件格式包括 VTT(WebVTT)、SRT 等,确保使用适用于浏览器的字幕格式。
以上是关于 HTML 标签 <track>
的介绍,希望能帮助你更好地理解和使用这个标签。
属性 | 值 | 描述 |
---|---|---|
default | default | 规定该轨道是默认的。如果用户没有选择任何轨道,则使用默认轨道。 |
kind | captions chapters descriptions metadata subtitles | 规定文本轨道的文本类型。 |
label | text | 规定文本轨道的标签和标题。 |
src | URL | 必需的。规定轨道文件的 URL。 |
srclang | language_code | 规定轨道文本数据的语言。如果 kind 属性值是 "subtitles",则该属性是必需的。 |