kind属性指定文本轨道类型,必须为subtitles、captions、descriptions、chapters或metadata之一;值区分大小写且全小写,同一类型仅一个default,srclang对前四者必需,chapters需.vtt以CHAPTERS开头。

<track></track> 标签的 kind 属性用于指定轨道(track)的类型,它告诉浏览器该文本轨道是字幕、章节、描述还是其他用途。这个属性必须设置,且值必须是规范定义的几个关键字之一,否则轨道会被忽略。
kind 属性的有效取值及用途
-
subtitles:为听障或非母语用户提供的对话翻译或解释性文字,通常默认启用(若default存在),可由用户开关 -
captions:面向听障用户的完整音视频信息呈现(含说话人、音效、音乐提示等),常带时间轴和样式,一般强制显示(如监管要求) -
descriptions:为视障用户提供的音频内容描述(例如“镜头缓慢推进至窗边,雨滴滑落玻璃”),通过屏幕阅读器朗读 -
chapters:章节导航用的标题列表,支持<video></video>进度条上方显示章节标记,点击可跳转(需配合.vtt文件中的CHAPTERS类型) -
metadata:不直接显示给用户,供脚本读取的结构化数据(如场景ID、关键词、时间戳事件),常用于自定义交互逻辑
正确使用示例
<video controls width="640" height="360"> <source src="movie.mp4" type="video/mp4"> <!-- 字幕(多语言可选) --> <track kind="subtitles" label="中文" srclang="zh" src="zh.vtt" default> <track kind="subtitles" label="English" srclang="en" src="en.vtt"> <!-- 描述轨(供辅助技术使用) --> <track kind="descriptions" label="Audio Description" srclang="zh" src="ad.zh.vtt"> <!-- 章节轨(支持进度条分段) --> <track kind="chapters" label="Chapters" srclang="zh" src="chapters.vtt"> </video>
注意事项
-
kind值区分大小写,必须全小写(如subtitles,不能写Subtitles) - 同一
kind类型下,最多只能有一个default(浏览器默认加载并启用) -
srclang属性对subtitles、captions、descriptions、chapters是必需的;metadata可省略 -
chapters轨道的.vtt文件内容必须以WEBVTT\n\nCHAPTERS开头,否则不被识别为章节 - 浏览器对
descriptions和metadata的支持程度不一(Chrome / Edge 支持较好,Safari 对descriptions支持有限)
不复杂但容易忽略



















