The <track> tag specifies text tracks for media components audio and video This part is employed to specify subtitles, caption files or different files containing text, that ought to be visible once the media is taking part in.
Syntax:
<track Attribute>
Attribute:
- default: Specifies to that track to enabled if the user want to change the track
- kind: Specifies the kind of text track
- label: the title of the text track
- src: It is for URL of the track file
- srclang: It tell the language of the track text data (required if kind=”subtitles”)
Example:
html
<html>
<head>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>HTML Track srclang Attribute</h2>
<video width="600" height="400" controls>
<track src="CSS-animation-duration02.mp4"
id="myTrack1"
kind="subtitles"
srclang="en"
label="English">
<source id="myTrack"
src="CSS-animation-duration02.mp4"
type="video/mp4">
</video>
</body>
</html>
|
Output:
Supported Browsers: The browsers supported by HTML <track> tag are listed below:
- Google Chrome 23
- Edge 12
- Internet Explorer 10
- Firefox 31
- Apple Safari 6
- Opera 12.1
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
19 Jul, 2022
Like Article
Save Article