Open In App

HTML | DOM Video videoTracks Property

Improve
Improve
Like Article
Like
Save
Share
Report

The Video videoTracks property is used for returning a VideoTrackList object. The VideoTrackList object is generally used for representing the available video tracks available for a video. 
Each video track which is available is represented by a separate VideoTrack Object.

Syntax:  

videoObject.videoTracks

Return Values:  

  1. VideoTrackList Object: It represents the available video tracks for the video. 
    • videoTracks.length: It is used to get the number of text tracks available in the video.
    • videoTracks[index]: It is used to get VideoTrack object by index.
    • VideoTrackList Object: It is used to represent the available video tracks for the video.
    • videoTracks.getTrackById(id): It is used to get VideoTrack object by id.
  2. VideoTrack Object: It represents a video track. 
    • kind: It is used to get the type of the video track.
    • label: It is used to get the label of the video track.
    • language: It is used to get the language of video text track.
    • id: It is used to get the id of the video track.
    • selected: It is used to get or set if the track is active.

Below program illustrates the Video videoTracks property : 

Example: Getting the number of available video tracks.  

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM Video videoTracks Property
    </title>
</head>
 
<body style="text-align: center">
 
    <h1 style="color: green">
      GeeksforGeeks
  </h1>
    <h2 style="font-family: Impact">
      Video videoTracks Property
  </h2>
    <br>
 
    <video id="Test_Video"
           width="360"
           height="240"
           controls>
        <source src="sample2.mp4"
                type="video/mp4">
       
        <source src="sample2.ogg"
                type="video/ogg">
    </video>
 
     
 
<p>To get the number of available video tracks of
      the video, double click the "Return Video Tracks" button.
        <br>
 
        <button ondblclick="My_Video()">
          Return Video Tracks
      </button>
 
        <p id="test"></p>
 
 
 
        <script>
            function My_Video() {
                var v = document.getElementById(
                  "Test_Video").videoTracks.length;
                document.getElementById("test").innerHTML = v;
            }
        </script>
 
</body>
 
</html>


Output: 
 

  • Before clicking the button: 

  • After clicking the button: 

Supported Browsers: The major browsers are not supported by HTML | DOM Video videoTracks Property.

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Apple Safari 7
     


Last Updated : 12 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads