HTML: <track> kind 属性

由网友 大卫 发布 阅读 5

HTML: <track> kind 属性

<track> kind 属性的使用方法,kind属性指定文本轨道的类型,在线实例演示如何使用 <track> kind 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

 HTML <track> 标签

在线示例

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

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

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 10, Opera, 和 Chrome 支持 kind 属性。

定义和用法

kind 属性指定轨道的种类。

HTML 4.01 与 HTML5之间的差异

<track> 标签是 HTML5 新标签。

语法

    <track src="subtitles_en.vtt" kind="subtitles" srclang="en">

属性值

描述
captions该轨道定义将在播放器中显示的简短说明。
chapters该轨道定义章节,用于导航媒介资源。
descriptions该轨道定义描述,用于通过音频描述媒介的内容,假如内容不可播放或不可见。
metadata该轨道定义脚本使用的内容。
subtitles该轨道定义字幕,用于在视频中显示字幕。

 HTML <track> 标签

HTML: <video> autoplay 属性 HTML: <video> preload 属性