Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Track src property

Improve Article
Save Article
  • Last Updated : 22 Aug, 2022
Improve Article
Save Article

The DOM track src property is used to set or return the value of the src attribute which shows the URL of the text track

Syntax:

It is used to return the Track src property.

trackObject.src

It is also used to set the Track src property.

trackObject.src = URL

Value:

  • URL: It is used to specify the URL of the text track.

Return Value: It returns the URL(including protocol) of the track in the form of string. 

Example: 

HTML




<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
        }
 
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>
        Track src Property
    </h2>
    <video width="100" height="100" controls>
        <track src=
            kind="subtitles" srclang="en"
            label="English">
        <source id="myTrack" src=
            type="video/mp4">
    </video>
     
<p>
        Click the button to get
        the source of the track.
    </p>
 
    <button onclick="myFunction()">
        Get URL
    </button>
    <p id="gfg"></p>
 
 
    <!-- Script to get the Track src property -->
    <script>
        function myFunction() {
            var x = document.getElementById(
                "myTrack");
            document.getElementById(
                "gfg").innerHTML = myTrack.src;
        }
    </script>
</body>
</html>

Output

 Before clicking on the button:

 

After clicking on the button: 

  

Supported Browsers:

  • Google Chrome
  • Internet Explorer 10.0+
  • Opera

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!