HTML | DOM Track default property
The DOM track default property is used to set or return the default state of the track. It reflects the
Note: With a default attribute, there must not be more than one track element per media element.
Syntax:
- It is used to return the default property.
trackObject.default
- It is also used to set the default property.
trackObject.default = true|false
Value: It is either true or false which shows the default state of the track. By default, it is false.
- true: If the preferences of user do not indicate that another track would be more appropriate then track is to be enabled.
- false: If the preferences of user do not indicate that another track would be more appropriate then track is not to be enabled. It is a default value.
Return Value: It returns the default state of the track in the form of boolean value.
<html> <head> <style> body { text-align: center; } h1 { color: green; } </style></head> <body> <h1>GeeksforGeeks</h1> <h2> Track default Property </h2> <video width="100" height="100" controls> <track src= kind="subtitles" srclang="en" label="English" default> <source id="myTrack" src= type="video/mp4"> </video> <p> Click the button to get the default property of the track. </p> <button onclick="myFunction()"> Get Default property </button> <p id="gfg"></p> <!-- Script to set the default property --> <script> function myFunction() { var x = document.getElementById("myTrack"); x.default = true; document.getElementById("gfg").innerHTML = myTrack.default; } </script></body> </html> |
Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers:
- Google Chrome
- Internet Explorer 10.0+
- Opera
Please Login to comment...