HTML <track> 标签kind属性

  • <track>标签kind属性定义和用法

    kind属性指定文本轨道的类型。

  • <track>标签kind属性浏览器支持

    Edge/IE Chrome FireFox Safari Opera
    10.0(含)以上 18.0(含)以上 31.0(含)以上 6.0(含)以上 15.0(含)以上
  • HTML4.01和HTML5之间的差异

    <track>标记是HTML5中的新标记。

  • <track>标签kind属性语法

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

  • <track>标签kind属性实例

    带有两个字幕轨道的视频。“Chinese”字幕是默认值:

    <video width="320" height="240" controls>
      <source src="demo.mp4" type="video/mp4">
      <source src="demo.ogg" type="video/ogg">
      <track src="subtitles_zh.vtt" kind="subtitles" srclang="zh" label="Chinese" default>
      <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
    </video>
  • <track>标签kind属性值

    属性值 描述
    captions 该轨道定义了对话和声音效果的翻译(适合聋人用户)
    chapters 该轨道定义章节标题(适用于导航媒体资源)
    descriptions 该轨道定义了视频内容的文本描述(适合盲人用户)
    metadata 该轨道定义脚本使用的内容。 对用户不可见
    subtitles 该轨道定义了字幕,用于显示视频中的字幕