HTML <track> 标签

HTML <track> 标签为媒体元素 ( 比如 <audio> 和 <video> ) 设置外部文本轨道

这个元素用于设置字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 10、Opera 和 Chrome 浏览器支持 <track> 标签

可选的属性

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

范例

带有两个字幕轨道的视频

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

HTML 4.01 与 HTML5 之间的差异

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

全局属性

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

事件属性

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

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.