HTML <track> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee

Description

The <track> HTML element is used to specify external timed text tracks for media elements (i.e. the <video> element and the <audio> element). The text tracks specified with the <track> tag could include subtitles, captions, descriptions, chapters, and metadata.

Properties

Permitted Parents: A media element, before any flow content
Content: None. It is an empty element.
Start/End Tags: Start tag: required, End tag: forbidden

Example

HTML

<video width="300" height="240" controls>

  <source src="audio/toy.mp4" type="video/mp4">

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

  <track src="subtitles_it.vtt" kind="subtitles" srclang="it" label="Italian">

  Your browser does not support the video tag.

</video>

Result

Editor

Attributes

Attribute	Definition
default	Specifies that the track is to be enabled if the user's preferences do not indicate that another track would be more appropriate
kind	How the text track is meant to be used. If omitted the default kind is subtitles. If the attribute is not present, it will use the subtitles. Possible Values: subtitles captions descriptions chapters metadata
label	Specifies the kind of text track
src	Required. Specifies the URL of the track file
srclang	Specifies the language of the track text data (required if kind="subtitles")