不能靠单个实现双语，需用两个独立分别声明中英字幕轨道，设kind="subtitles"、标准srclang（如"zh"/"en"）和明确label，用户可手动切换；原生不支持同时显示，若需双行需JS解析VTT+自定义DOM渲染。
track元素怎么同时加载中英两套字幕？
不能靠单个 <track></track> 元素实现双语——它只支持一种语言、一种文本流。真正可行的方案是：用两个独立的 <track></track> 标签，分别指定 srclang 和 label，并确保它们都设为 kind="subtitles"。
浏览器会把它们识别为同一视频下的可切换字幕轨道，用户可在右键菜单或播放器控件里手动切换或叠加（取决于播放器是否支持多轨叠加）。
-
srclang必须写标准语言代码，如"zh"、"en"，不能写"zh-CN"或"english"（部分旧浏览器可能不识别扩展码） -
label是用户看到的名称，建议显式设置，比如label="中文（简体）"和label="English"，避免依赖浏览器自动翻译 - 两个
<track></track>必须放在同一个<video></video>内部，且在<source></source>之后、之前
双语字幕能自动并排显示吗？
原生 HTML5 <track></track> 不支持双轨同时渲染。浏览器默认只激活一条 kind="subtitles" 轨道，即使你用 JS 强行启用两条，<video></video> 的字幕层也只会绘制最后激活的那条。
真要并排/叠加上下双语，得绕过原生字幕渲染，改用 JS 解析 WebVTT 文件 + 自定义 DOM 渲染：
立即学习“前端免费学习笔记（深入）”；
- 用
fetch()分别加载zh.vtt和en.vtt - 解析 WebVTT 时间戳，对齐同时间段的中英文 cue
- 监听
video.ontimeupdate，动态插入两个<div> 元素（例如一个居上、一个居下） <li>注意处理 cue 重叠、换行、样式隔离（避免被全局 CSS 污染）</li> <p>这不是 <code><track></track>的职责，而是播放器层该做的事。
DeepBI DHTML 页面生成器下载生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
WebVTT 文件里能写中英混合一行吗？
可以，但不推荐。WebVTT 支持 HTML 标签（如
<b></b>、<span></span>），也能用align:middle line:80%等设置位置，但所有这些都属于单条 cue 的样式控制，无法跨 cue 协调中英位置关系。更实际的做法是：把双语拆成两条 cue，用完全相同的时间戳，并在 WebVTT 中用注释标明对应关系：
WEBVTT 00:00:01.200 --> 00:00:03.500 Hello, welcome to the demo. 00:00:01.200 --> 00:00:03.500 你好，欢迎来到演示。
这样既保持格式合法，又方便后续 JS 同步匹配。注意：时间戳必须严格一致，否则播放时会错位。
移动端 Safari 支持双 track 切换吗？
支持，但有隐藏限制：iOS 15+ 才允许通过
video.textTracks[i].mode = "showing"主动启用多条字幕；更早版本即使 DOM 里写了两个<track></track>，JS 也无法同时设为"showing"，只能靠系统原生字幕菜单切换。实测关键点：
- iOS 上
textTracks列表存在，但mode设为"showing"时，前一条会自动变为"disabled" - Android Chrome 表现更接近桌面端，允许 JS 控制多轨激活（需用户授权）
- 不要依赖
video.addTextTrack()动态添加后立刻生效——iOS 对动态添加的 track 支持不稳定
最稳妥的路径还是老老实实用两个
<track></track>标签写死在 HTML 里，让用户自己选，别试图用 JS 强行“双开”。 - iOS 上
