예배 규칙서 찾다
Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp
문자

HTML 元素作为媒体元素的子和。它允许您指定定时文本轨道(或基于时间的数据),例如自动处理字幕。曲目格式为WebVTT格式(文件) - 网络视频文本曲目。<track> <audio><video>.vtt

内容类别

没有

允许的内容

没有,这是一个空的元素。

标记遗漏

由于它是空白元素,所以开始标记必须存在,并且结束标记不得存在。

允许 parents

媒体元素,在任何流内容之前。

允许ARIA角色

没有

DOM界面

HTMLTrackElement

属性

该元素包含全局属性。

default属性表示应该启用该轨道,除非用户的偏好指示另一个轨道更合适。这只能用于track每个媒体元素的一个元素。kind文本轨道是如何使用的。如果省略,则默认类型为subtitles。如果该属性不存在,它将使用属性subtitles。如果属性包含无效值,它将使用metadata。(52之前版本的Chrome将无效值视为subtitles。)允许使用以下关键字:

  • subtitles

    • 字幕提供翻译观众无法理解的内容。例如在英语电影中不是英语的对话或文本。

    • 字幕可能包含额外的内容,通常是额外的背景信息。例如,“星球大战”电影开头的文字,或场景的日期,时间和地点。

  • captions

    • 隐藏式字幕提供了一个转录,可能还包括音频的翻译。

    • 它可能包含重要的非语言信息,如音乐提示或音效。它可能指示提示的来源(例如音乐,文字,字符)。

    • 适用于聋哑人或声音静音的用户。

  • descriptions

    • 视频内容的文字描述。

    • 适合盲人或无法看到视频的用户。

  • chapters

    • 章节标题旨在用户在浏览媒体资源时使用。

  • metadata

    • 脚本使用的轨道。对用户不可见。

label列出可用文本轨道时浏览器使用的文本轨道的用户可读标题。src曲目地址(.vtt文件)。必须是有效的网址。这个属性必须被定义。srclang轨道文本数据的语言。它必须是有效的BCP 47语言标签。如果kind属性设置为subtitles,srclang必须定义。

使用说明

数据的类型   track添加到介质被设置在所述kind属性,这可能需要subtitlescaptionsdescriptionschaptersmetadata的值。元素指向一个源文件,其中包含浏览器在用户请求附加数据时公开的定时文本。

media元素不能有一个以上track具有相同kindsrclanglabel

例子

<video controls poster="/images/sample.gif">   
    <source src="sample.mp4" type="video/mp4">   
    <source src="sample.ogv" type="video/ogv">   
    <track kind="captions" src="sampleCaptions.vtt" srclang="en">   
    <track kind="descriptions" src="sampleDescriptions.vtt" srclang="en">   
    <track kind="chapters" src="sampleChapters.vtt" srclang="en">   
    <track kind="subtitles" src="sampleSubtitles_de.vtt" srclang="de">   
    <track kind="subtitles" src="sampleSubtitles_en.vtt" srclang="en">   
    <track kind="subtitles" src="sampleSubtitles_ja.vtt" srclang="ja">   
    <track kind="subtitles" src="sampleSubtitles_oz.vtt" srclang="oz">   
    <track kind="metadata" src="keyStage1.vtt" srclang="en" label="Key Stage 1">   
    <track kind="metadata" src="keyStage2.vtt" srclang="en" label="Key Stage 2">   
    <track kind="metadata" src="keyStage3.vtt" srclang="en" label="Key Stage 3">   
    <!-- Fallback -->   ...
</video>

规格

规范

状态

评论

WHATWG HTML规范该标准中“轨道元素”的定义。

Living Standard


HTML5规范“轨道元素”的定义。

Recommendation

初始定义

浏览器兼容性

Feature

Chrome

Edge

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

23

(Yes)

24 (24)2

10

12.10

6

src attribute settable

?

(Yes)

50 (50)3

?

?

?

Invalid kind value as metadata

No support

?

No support

No support

No support

No support

Feature

Android

Edge

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

251

(Yes)

24.0 (24)2

No support

No support

No support

src attribute settable

?

(Yes)

50.0 (50)3

No support

No support

No support

Invalid kind value as metadata

No support

?

No support

No support

No support

No support

1. 在Chrome for Android中,<track>元素尚不适用于全屏视频。

2 .<track>元素,HTMLTrackElement接口和相关的API在首选项后面的Firefox 24中实现,media.webvtt.enabled默认情况下它是禁用的。要启用WebVTT支持,请将此首选项设置为true。WebVTT在Firefox 31中默认启用,可以通过将首选项设置为禁用false

3. 在Firefox 50之前,src属性是可设置的,但更改无法正确处理。从Firefox 50开始,现有轨道数据已妥善处理,新轨道数据已加载并生效等等。

이전 기사: 다음 기사: