The DOM track srclang property is used to set or return the value of the srclang attribute which shows the language of the text track.
Note: srclang attribute is required with kind = “subtitles”
Syntax:
- It is used to return the Track srclang property.
trackObject.srclang
- It is also used to set the Track srclang property.
trackObject.srclang = language_code
Value:
- language_code: It is used to specify the language of the text track. It is a two-letter code.
Return Value: It returns language code of the track in the form of string.
Example:
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Track srclang Property</h2>
<video width="100" height="100"
controls>
<track src=
id="myTrack1"
kind="subtitles" srclang="en"
label="English">
<source id="myTrack" src=
type="video/mp4">
</video>
<p>Click the button to get
the language of the track.</p>
<button onclick="myFunction()">
Get srclang
</button>
<p id="gfg"></p>
<!-- Script to get srclang property -->
<script>
function myFunction() {
var x =
document.getElementById("myTrack1");
document.getElementById(
"gfg").innerHTML = x.srclang;
}
</script>
</body>
</html>
|
Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers:
- Google Chrome
- Internet Explorer 10.0+
- Opera