<track>: 字幕轨道标签

最后更新：2026-10-13

<track>字幕轨道标签

为 audio 或 video 指定文本轨道，如字幕、标题或章节，通常引用 .vtt 文件。

分类	链接与媒体
内容模型	空元素
允许的父元素	接受流式内容的元素
闭合标签	自闭合 — 无需闭合标签
状态	标准

📝 语法

<track src="..." kind="subtitles">

⚙️ 属性

该元素支持全局属性及以下专有属性：

属性	值	描述
`src`		轨道文件 URL（通常为 .vtt）。
`kind`		轨道类型：subtitles/captions/descriptions/chapters/metadata。
`srclang`		轨道文本的语言代码（如 zh、en）。
`label`		给用户显示的轨道名称。
`default`		默认启用的轨道。

查看所有全局属性 → 查看所有事件属性 →

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
<track>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： track 是空元素；kind 决定轨道类型（subtitles/captions/chapters 等）；default 表示默认启用。

❓ 常见问题

Qtrack 是做什么用的？

A<track> 给 <video>/<audio> 加字幕轨道：用 WebVTT 格式文件提供字幕（kind='subtitles'）、章节（chapters）、描述（descriptions）等文本轨，浏览器负责同步显示。

Qtrack 的 srclang 和 kind 是必需的吗？

Akind 默认为 subtitles 可省略但建议显式写；srclang 在 kind 是 subtitles 时必须提供（如 srclang='zh'）；多语言字幕时加 default 属性指定默认轨道。无障碍法规通常要求视频提供字幕轨。

QWebVTT 字幕文件怎么写？

A文本文件以 WEBVTT 开头，每个字幕块是「时间码 + 文字」：00:00:01.000 --> 00:00:04.000 换行写内容，保存为 .vtt。track 里 src='sub.vtt' 引用，本地测试需走 HTTP 服务（file:// 下不加载）。

更多案例即将上线，敬请期待。

📚 相关教程

HTML Media HTML iframes

HTML 标签参考手册

查看全部 HTML 标签的语法、属性与示例。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。