轻松上手,快乐学习!

HTML <track> 标签



实例

带有两个字幕轨道的视频:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

定义和用法

<track> 标签为媒体元素(比如 <audio> , <video> )规定外部文本轨道。

此元素用于指定媒体播放时应可见的字幕、字幕文件或其他包含文本的文件。

曲目的格式为 WebVTT 格式 (.vtt 文件)。


浏览器支持

表中的数字指完全支持该元素的第一个浏览器版本。

元素
<track> 23.0 10.0 31.0 6.0 12.1

可选的属性

属性 描述
default default 规定该轨道是默认的。如果用户没有选择任何轨道,则使用默认轨道。
kind captions
chapters
descriptions
metadata
subtitles
规定文本轨道的文本类型。
label text 规定文本轨道的标签和标题。
src URL 必需的。规定轨道文件的 URL。
srclang language_code 规定轨道文本数据的语言。如果 kind 属性值是 "subtitles",则该属性是必需的。

全局属性

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


事件属性

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


相关页面

HTML 教程: HTML Video

HTML 教程: HTML Audio

HTML DOM 参考手册: Track 对象


默认CSS设置

None.