21xrx.com
2025-06-13 10:12:48 Friday
  

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="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
Markup

定义和使用

<track>标记指定媒体元素(<audio>和<video>)的文本轨道.

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

浏览器支持

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

元素
<track> 18.0 10.0 31.0 6.0 15.0

注意:Internet Explorer 9和更早版本不支持<track>标记.

HTML 4.01与HTML 5的区别

<track>标记是HTML 5中的新元素.

可选属性

=HTML5新属性

属性属性值描述
default default 如果用户的首选项没有指定另一条轨道,则将启用该轨道.
kind captions
chapters
descriptions
metadata
subtitles
指定文本轨道的类型.
label text 指定文本轨道的标题.
src URL 需要.指定轨道文件的URL.
srclang language_code 指定轨道文本数据的语言(如果 kind="subtitles",则为必需要写).

全局属性

<track>标记还支持HTML中的全局属性.

事件属性

<track>标记还支持HTML中的事件属性.

  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2