HTML <track> 源属性

HTML <track> 元素用于为 audio 或 video 元素添加外部文本轨道或字幕。

语法

<track src="URL" kind="subtitles" srclang="language_code" label="label_text">

属性

<track> 元素支持以下属性：

• src: 指定外部文本轨道或字幕文件的 URL。可以是相对路径或绝对路径。

• kind: 指定文本轨道的类型。可选值包括：

  • subtitles: 字幕轨道，用于显示与视频或音频内容相关的翻译字幕。

  • captions: 标题轨道，用于显示与视频或音频内容相关的标题文本。

  • descriptions: 描述轨道，用于描述视频或音频内容的音频描述。

  • chapters: 章节轨道，用于指定视频或音频内容的章节信息。

  • metadata: 元数据轨道，用于提供与视频或音频内容相关的元数据信息。

• srclang: 指定外部文本轨道的语言。示例：en表示英语。

• label: 指定在用户界面上显示的文本轨道标签。

示例

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_fr.vtt" kind="subtitles" srclang="fr" label="Français">
</video>

在上面的示例中，我们为一个视频元素添加了两个字幕轨道。src 属性指定了字幕文件的 URL，kind 属性指定了轨道类型为 subtitles，srclang 属性指定了轨道的语言，label 属性指定了在用户界面上显示的标签。

请确保字幕文件的格式与 src 属性指定的 MIME 类型相匹配。在上面的示例中，我们假设字幕文件的格式为 WebVTT (.vtt)。

兼容性

<track> 元素的兼容性取决于浏览器的支持情况。较新版本的浏览器通常都支持使用 <track> 元素添加外部文本轨道或字幕。

请查阅 Can I use 获取更多关于浏览器兼容性的细节。

参考文档

• HTML 元素