HTML | DOM Track default propertyLast Updated : 10 Apr, 2019The DOM track default property is used to set or return the default state of the track. It reflects thedefault attribute.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.defaultIt is also used to set the default property.trackObject.default = true|falseValue: 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.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="https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4" kind="subtitles" srclang="en" label="English" default> <source id="myTrack" src="https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4" 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 ChromeInternet Explorer 10.0+OperaMy Personal Notes arrow_drop_upSave