Breaking

Sunday, May 12, 2019

HTML track Tag

Example

A video with two subtitle tracks:
<video width="320" height="240"controls>
  <source src="forrest_gump.mp4"type="video/mp4">
  <source src="forrest_gump.ogg"type="video/ogg">
  <track src="subtitles_en.vtt"kind="subtitles" srclang="en"label="English">
  <track src="subtitles_no.vtt"kind="subtitles" srclang="no"label="Norwegian">
</video>

Definition and Usage

The <track> tag specifies text tracks for media elements (<audio> and <video>).
This element is used to specify subtitles, caption files or other files containing text, that should be visible when the media is playing.

Browser Support

The numbers in the table specify the first browser version that fully supports the element.
Element
<track>18.010.031.06.015.0

Differences Between HTML 4.01 and HTML5

The <track> tag is new in HTML5.

Optional Attributes

AttributeValueDescription
defaultdefaultSpecifies that the track is to be enabled if the user's preferences do not indicate that another track would be more appropriate
kindcaptions
chapters
descriptions
metadata
subtitles
Specifies the kind of text track
labeltextSpecifies the title of the text track
srcURLRequired. Specifies the URL of the track file
srclanglanguage_codeSpecifies the language of the track text data (required if kind="subtitles")

Global Attributes

The <track> tag also supports the Global Attributes in HTML.

Event Attributes

The <track> tag also supports the Event Attributes in HTML.

Related Pages

HTML tutorial: HTML5 Video
HTML tutorial: HTML5 Audio
HTML DOM reference: Track Object

Default CSS Settings

None.

No comments:

Post a Comment