label 属性为字幕轨道提供用户可见的友好名称，显示在浏览器字幕菜单中，需配合 kind 和 srclang 使用，且值应清晰无歧义，如“简体中文”；无效 label 或缺失必要属性将导致轨道不可见或无法启用。
track 标签的 label 属性本身不直接生成菜单，而是为浏览器提供字幕轨道的可读名称，供用户在视频控件的字幕选择界面中识别和切换。
label 是给用户看的“友好名称”
浏览器（如 Chrome、Firefox、Safari）在视频右键菜单或原生控制栏的字幕按钮中，会把 label 的值显示为选项文字。它替代了可能难懂的 srclang 或文件名，比如：
<video controls><source src="movie.mp4"><track kind="subtitles" srclang="zh" label="简体中文" src="zh.vtt"><track kind="subtitles" srclang="en" label="English (US)" src="en-us.vtt"><track kind="subtitles" srclang="ja" label="日本語（字幕）" src="ja.vtt"></track></track></track></source></video>
这样用户看到的是“简体中文”“English (US)”“日本語（字幕）”，而不是“zh”“en”“ja”这种代码。
label 必须配合 kind 和 srclang 才有效
仅设 label 不足以让轨道被正确识别和启用。需同时满足：
-
kind="subtitles"（或其他合法值如captions、descriptions） -
srclang属性明确指定语言标签（如zh-Hans、en-US），否则部分浏览器可能忽略该 track -
src指向有效的 WebVTT 文件，且格式无语法错误
避免 label 冗余或模糊
不要用空字符串、纯技术名或含歧义的简称。例如：
- ❌
label="CN"—— 用户不知道是中文还是其他含义 - ❌
label="sub_zh"—— 带下划线和缩写，不友好 - ✅
label="中文（简体）"或label="Chinese (Simplified)" - ✅ 多方言可区分：
label="粤语（香港）"、label="台语（繁体）"
用户实际操作依赖浏览器支持
并非所有浏览器都默认显示完整字幕菜单：
- Chrome / Edge：点击视频右下角「字幕」图标 → 显示
label列表 - Safari：需开启「字幕与隐藏式字幕」系统偏好设置，且视频控件中才出现选项
- 移动端（iOS/Android）：通常在播放器全屏后长按或点「…」调出字幕开关
- 若 label 未出现，请检查控制台是否有 CORS 错误或 VTT 解析失败提示
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
