HTML <track> 标签

2025 年 3 月 25 日 | 阅读 2 分钟

HTML <track> 标签用于为媒体文件定义基于时间的文本轨道。<track> 标签必须作为 <audio> 和 <video> 元素的子元素使用。

<track> 标签用于添加字幕、说明或其他形式的文本,这些文本会在媒体文件播放时显示。

HTML <track> 是 HTML5 中的新标签。

语法

以下是 HTML <track> 标签的一些规格:

显示
开始标签/结束标签仅有开始标签(禁止结束标签)
用途HTML 媒体

示例

在上面的示例中,我们使用了 flower.vtt 文件来为视频文件添加字幕。以下是 flower.vtt 文件:

HTML track tag

如何创建 WEBVTT 文件

以下是为 <track> 标签创建 WEBVTT 文件的一些基本步骤:

  1. 在您的电脑上打开文本编辑器,例如记事本。
  2. 在编辑器中将 WEBVTT 作为第一行写入。
  3. 留一个空行。
  4. 以正确的格式指定时间持续时间(您还可以提供编号并添加 CSS)。
  5. 输入并写入您想要添加为字幕或说明的文本,并重复步骤 3 到 5,直到完成。
  6. 使用 .vtt 扩展名保存它。

现在您的 WEBVTT 文件已准备就绪,可以使用了。

属性

标签特定属性

属性描述
defaultdefault它指定轨道应该被启用,除非用户的偏好表明另一个轨道更重要。
类型字幕
章节
描述
元数据
副标题
它指定您想要添加哪种类型的文本轨道。
labeltext它指定文本轨道的标题。
srcURL它定义轨道文件的 URL。
srclanglanguage_code它定义轨道文本内容的语言,例如英语、德语等。

全局属性

<track> 标签支持 HTML 中的全局属性。

事件属性

<track> 标签支持 HTML 中的事件属性。

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<track>是的是的是的是的是的
下一个主题HTML tt 标签