HTML | DOM Track srclang property
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>w3wiki</h1> <h2>Track srclang Property</h2> <video width="100" height="100" controls> <track src= "https://write.w3wiki.net/wp-content/uploads/11.mp4" id="myTrack1" kind="subtitles" srclang="en" label="English"> <source id="myTrack" src= "https://write.w3wiki.net/wp-content/uploads/11.mp4" 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