label必须清晰标识语言及变体，如“中文（简体）”，并与srclang一致；空值或模糊命名会导致用户无法识别、JS切换失效，移动端尤其依赖label显示按钮文字。

属性是用户在播放器字幕菜单里实际看到的名字，直接决定切换时能不能快速识别语言。设得模糊或缺失，用户点开字幕菜单就只看到“字幕”“CC”这类泛称，根本分不清哪条是中文、哪条是英文。

label 要写清楚、有区分度
不是随便起个名字就行，重点是让用户一眼看懂对应哪种语言和变体：

• ✅ 推荐写法：label="中文（简体）"、label="English (US)"、label="日本語（東京方言）"
• ❌ 避免写法：label="zh"、label="sub1"、label="字幕"、label="中文字幕"（没说明简繁体）、label="Chinese"（不统一，和 srclang="zh" 不匹配）

label 必须配合 srclang 使用
浏览器不会单靠 label 来定位轨道，JS 切换时靠的是 track.srclang。但 label 是唯一面向用户的标识，它和 srclang 共同构成可维护的映射关系：

• 用户看到 label="中文（简体）" → 知道这是简体中文
• 代码用 track.srclang === "zh" → 准确找到并启用该轨道
  两者不一致（比如 srclang="zh" 却 label="English"），会让人和逻辑都混乱。

移动端尤其依赖 label
iOS Safari 默认不显示原生字幕菜单按钮，你得自己用 JS 构建 UI（比如一组按钮）。这时 label 就是按钮上显示的文字：

<button onclick="switchTo('zh')">中文（简体）</button>
<button onclick="switchTo('en')">English (US)</button>

如果 label 写得含糊，按钮就失去意义。

不要留空，也不要依赖 default
label 是必需属性，不写或写成空字符串（label=""），部分浏览器会在菜单里显示为空项或 fallback 名称（如 “Subtitles”），无法区分多轨道。default 只影响初始加载状态，不影响 label 的显示逻辑。

财经HTML高端海报生成

复杂得财经如何变成清晰，适合手机看的海报？如何加上你的IP

下载

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！