<track> kind 属性的使用方法,kind属性指定文本轨道的类型,在线实例演示如何使用 <track> kind 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。
在线示例
具有两个字幕轨道的视频:
<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 | 该轨道定义字幕,用于在视频中显示字幕。 |