网页商品视频有两种语言字幕，为什么默认轨没有按预期显示？

先检查 kind，避免把字幕误设为 metadata

MDN 于 2026 年 4 月 24 日更新的 track 文档说明，kind 用于声明文本轨道的用途。如果省略 kind，其默认值为 subtitles；如果提供无效的 kind 值，则会采用 metadata。

这一区别直接影响网页交付。subtitles 用于字幕，而 metadata 是供脚本使用的定时数据，并非供观众直接观看的字幕轨道。把无效 kind 当作普通字幕类型，可能造成文件存在却没有预期字幕显示的情况。

因此，先核对 kind 的实际属性值，不要仅凭轨道名称或文件名判断其用途。对于包含对白翻译的商品视频，应确认轨道声明符合字幕用途。

决策分支：kind 无效时先修正轨道类型；kind 正确但没有显示时，再检查语言、选择状态与资源加载。不要把所有问题归因于浏览器兼容性。

分清 default、srclang 和 label 的职责

default 表示默认启用的候选轨道，但同一个媒体元素只能有一条轨道设置 default。它不能强制所有用户观看某一种语言，因为浏览器可能依据用户偏好选择另一条轨道。

srclang 声明轨道内容的语言，必须使用有效的 BCP 47 语言标签；对于 subtitles 类型，该属性是必需的。例如英语和简体中文应分别使用合适的语言标签，而不是只在文件名中区分。

label 是提供给用户阅读的轨道名称，例如 English 或简体中文。它用于显示和识别，不是控制浏览器自动选取语言的命令。

此外，轨道不能重复使用完全相同的 kind、srclang 和 label 三元组合。配置两种语言时，应检查每条轨道的属性，而不是简单复制第一条的所有设置。

决策分支：默认轨不符合预期时，检查 default 和用户偏好；语言识别错误时，检查 srclang；菜单文字不清楚时，检查 label。

虚构练习：两种字幕失败分别诊断

以下为虚构练习（Illustrative exercise），并非实际浏览器测试。输入 A 是一个带英文字幕的商品介绍视频，字幕文件可以访问，但轨道 kind 被写成无效值。按照文档规则，该轨道会成为 metadata，而不是预期的 subtitles。应先修正 kind，再核对轨道显示。

输入 B 同时提供英文和简体中文字幕。英文轨设置了 default，但用户浏览器偏好中文，因此实际选中的可能是中文轨道。此时不应把用户偏好造成的选择差异判断为文件损坏。

对输入 B，应分别核对两条轨道的 srclang、label 和 default，确认不存在重复的三元组合，并检查实际选中的字幕轨道。

决策分支：A 解决轨道类型错误；B 解决默认预期与用户语言选择之间的差异。两者不是同一个故障机制。

将加载成功、选中状态与内容验收分开

track 的 src 应指向有效的 WebVTT 资源。排障时应分别确认文件能否加载、轨道是否被选择，以及字幕是否实际显示。文件请求成功只能证明资源获取环节，不足以证明最终观看状态。

如果资源无法加载，应另行检查路径、权限或跨源访问条件；这些问题不能仅通过调整 default 解决。若资源已经加载，但字幕不显示，则继续检查 kind、语言声明和轨道选择。

还要检查字幕内容是否符合视频实际声音。captions 可以包含对白之外的相关声音信息，但如果商品视频本身没有这些声音，就不应凭空添加音效描述。不同浏览器对轨道类型的支持也不应被假定完全一致。

交付时记录两种语言的实际选择与显示情况。本题处理的是网页轨道声明和选择，不是 SRT 文件翻译、导出或转换流程。

虚构练习核对表：字幕类型错误与语言选择差异

以下示例为虚构练习。另存核对表后填写自己的真实观察；不能将示例当作已完成的验收。

下载核对表（CSV）