Skip to content
Related Articles

Related Articles

HTML | DOM Track default property
  • Last Updated : 10 Apr, 2019

The 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.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.

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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :