track标签不支持多路剧情分支选择，因其仅为线性时间同步的辅助文本轨道，缺乏跳转、交互等API；分支逻辑需由JavaScript控制currentTime等操作，并配合metadata轨道加载JSON元数据实现。
track 标签本身不支持“多路剧情分支选择”——它只是用来加载**线性、时间同步的字幕/描述/章节等辅助文本轨道**，不能控制视频跳转、分支逻辑或用户交互决策。
为什么 track 无法实现剧情分支选择
track 是纯描述性标签，作用是为 <video> 提供额外文本信息（如字幕、说明、章节），浏览器会根据当前播放时间自动显示对应时间段的内容。它没有 API 或属性能触发跳转、切换分支、响应点击等交互行为。
剧情分支（比如“选A则跳到120秒，选B则跳到240秒”）属于**互动逻辑层**，必须由 JavaScript 控制视频的 currentTime、load()、play() 等操作，并配合自定义 UI 实现。
真正可行的互动分支方案（结合 track 的合理用法）
你可以把 track 作为辅助信息载体，而把分支逻辑交给 JS 和结构化数据：
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
- 用
<track kind="metadata">加载 JSON 格式的分支点元数据（如：在第60秒处提供两个选项，各自目标时间戳和文案） - 监听
timeupdate事件，在到达关键时间点时解析对应 track 数据，动态显示分支按钮 - 用户点击后，用
video.currentTime = targetTime跳转，并可触发load()或重新设置 source（如换不同分支的 MP4） - 字幕仍可用常规
<track kind="subtitles">按时间轴显示，各分支视频文件自带匹配的 VTT 字幕
示例结构（HTML + 简单逻辑示意）
```html
<video id="interactive-video" controls>
<source src="branch-main.mp4" type="video/mp4">
<!-- 主干字幕 -->
<track kind="subtitles" label="中文" srclang="zh" src="main.vtt" default>
<!-- 分支元数据（隐藏，供 JS 解析）-->
<track kind="metadata" src="branches.json" id="branch-track">
</video>
<div id="branch-ui" style="display:none;"></div>
```
其中 branches.json 内容类似：
{ "60": { "A": {"time": 120, "text": "前往密室"}, "B": {"time": 240, "text": "呼叫支援"} } }
替代更成熟的方案推荐
如果项目需要复杂分支、状态管理、多结局追踪，建议使用专用互动视频框架，例如：
- Interactive Video Frameworks：如 interactive-video-player、Netflix Polly（研究向）
- SCORM / xAPI 兼容播放器：适合教育类分支叙事，记录用户路径
-
自研状态机 + WebVTT + JS：用 VTT 的
<vtt metadata>块嵌入分支指令（需自行解析 cue.text）
