📜  HTML | DOM 轨道标签属性(1)

📅  最后修改于: 2023-12-03 15:01:13.304000             🧑  作者: Mango

HTML | DOM 轨道标签属性

在HTML文档中,轨道(track)元素被用来为各种媒体类型定义字幕、章节标题、歌词和其他类型的视频文本跟踪。这个元素提供了一种标准的方式来指定媒体资源与外部文本资源之间的同步。在DOM中,这个元素的所有属性都是用于控制视频和音频跟踪的。

属性列表

以下是轨道标签的所有属性列表:

  • default:表明当前的轨道是默认的轨道,该元素的值可以是布尔类型。如果设置为true,则指示该轨道为默认轨道;否则为false。

  • kind:指示轨道所代表的文本类型。该值可以是以下之一:subtitles (字幕),captions (标题),descriptions (描述),chapters (章节),metadata (元数据)。

  • label:标签属性为所定义的轨道分配一个人类可读的文本标签。

  • src:指定轨道二进制数据源的URL。

  • srclang:指定轨道二进制数据源的语言。

应用

下面是一个应用场景的示例:

<video controls>
  <source src="/example.mp4" type="video/mp4">
  <track kind="subtitles" src="/exampleSubtitles.en.vtt" srclang="en" label="English" default>
  <track kind="subtitles" src="/exampleSubtitles.ja.vtt" srclang="ja" label="日本語">
</video>

上面例子中,指定了一个类型为“字幕”的轨道。其中,default属性指定了默认轨道为当前轨道,而label属性将它显示为"English"。还有一个叫做srclang的属性也被定义,用于指定当前轨道的语言。