HTML | DOM Video videoTracks Property
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:
- 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.
- 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
Share your thoughts in the comments
Please Login to comment...