HTML <track> Tag
Example
A video with subtitle tracks for two languages:
<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
Definition and Usage
The <track> tag specifies text tracks for
<audio> or <video>
elements.
This element is used to specify subtitles, caption files or other files containing text, that should be visible when the media is playing.
Tracks are formatted in WebVTT format (.vtt files).
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
| Element | |||||
|---|---|---|---|---|---|
| <track> | 23.0 | 10.0 | 31.0 | 6.0 | 12.1 |
Optional Attributes
| Attribute | Value | Description |
|---|---|---|
| default | 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 | captions chapters descriptions metadata subtitles |
Specifies the kind of text track |
| label | text | Specifies the title of the text track |
| src | URL | Required. Specifies the URL of the track file |
| srclang | language_code | Specifies 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: HTML Video
HTML tutorial: HTML Audio
HTML DOM reference: Track Object
Default CSS Settings
None.
