Media & Embedded Content

HTML <track> Tag

The <track> tag specifies text tracks for <audio> or <video> elements.

HTML Tag List Try Example Live

Previous:<tr>Complete HTML Tag List Next:<tt>

Definition and Usage

The <track> tag specifies text tracks for <audio> or <video> elements.

Standard Syntax:<track>

Interactive ExampleRunnable

HTML <track> Example

html

Try it Yourself

Live code demonstration for the <track> tag. Click "Try it Yourself" to edit and experiment in real time.

<div style="font-family: system-ui, sans-serif; padding: 16px; background: #ffffff; border-radius: 8px; border: 1px solid #e2e8f0; color: #0f172a;">
<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>
</div>

Attributes for <track>

5 Supported Attributes

Attribute	Values	Default	Description
default	default	none	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	none	Specifies the kind of text track
label	text	none	Specifies the title of the text track
src	URL	none	Required. Specifies the URL of the track file
srclang	language_code	none	Specifies the language of the track text data (required if kind="subtitles")

Global Attributes

The <track> tag also supports the standard global attributes in HTML, including class, id, style, title, hidden, and data-*.

HTML Global Attributes Reference →

Event Attributes

The <track> tag supports event attributes in HTML, such as onclick, onmouseover, onfocus, and more.

HTML Event Attributes Reference →

Browser Compatibility

ChromeEdgeFirefoxSafariOpera

More Tags in Media & Embedded Content

View All 123Tags →

<applet>Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.<area>The <area> tag defines an area inside an image map (an image map is an image with clickable areas).<audio>The <audio> tag is used to embed sound content in a document, such as music or other audio streams.<canvas>The <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript).<embed>The <embed> tag defines a container for an external resource, such as a web page, a picture, a media player, or a plug-in application.<iframe>The <iframe> tag specifies an inline frame.

Previous:<tr>Back to Tag List Next:<tt>