HTML | DOM Track srclang property
Last Updated :
21 Mar, 2022
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:
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 >
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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...