HTML | DOM Video textTracks Property

HTML | DOM Video src Property

Last Updated : 12 Aug, 2022

The Video src property is used for setting or returning the value of the src attribute of a video. The src attribute is generally used to specify the location (URL) of the video file.

Syntax:

Return the src property:

videoObject.src

Set the src property:

videoObject.src = URL

Property Values:

URL: It is used to specify the URL of the video file.

Two Possible Values:-

Absolute URL: It points to another webpage.
Relative URL: It points to other files of the same web page.

Return Value: The Video src property returns a string, which represents the URL of the video file. The src property returns the entire URL, including the protocol. Below program illustrates the Video src property:

Example: Changing the URL of a video.

html

<!DOCTYPE html>
<html>

<head>
    <title>
        DOM Video src Property
    </title>
</head>

<body style="text-align: center">

    <h1 style="color: green">GeeksforGeeks</h1>
    <h2 style="font-family: Impact">Video src Property</h2>
    <br>

    <video id="Test_Video"
           width="360"
           height="240"
           controls src="sample video.ogg">
    </video>

    <p>To change the Url of the video,
      double click the "Change URL" button.
        <br>

        <button ondblclick="My_Video()">
          Change URL
      </button>

        <p id="test"></p>

        <script>
            var v = document.getElementById("Test_Video");

            function My_Video() {
                isSupp = v.canPlayType("video/mp4");
                if (isSupp == "") {
                    v.src = "sample2.ogg";
                } else {
                    v.src = "sample2.mp4";
                }
                v.load();

                document.getElementById("test").innerHTML = 
                "Video Courtesy - www.geeksforgeeks.org";
            }
        </script>

</body>

</html>

Output:

Before clicking the button:
After clicking the button:

Supported Browsers: The browser supported by HTML | DOM Video src Property are listed below:

Google Chrome 3
Edge 12
Internet Explorer 9
Firefox 3.5
Opera 10.5
Apple Safari 3.1

HTML | DOM Video textTracks Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM Video Seeking Property

The Video seeking property is used for returning if the user is currently seeking in the video. When the user moves or skips to a new position in the video, it is called seeking. The Video Seeking property is a read-only property. Syntax: videoObject.seeking Return Value: The Video seeking property

HTML | DOM Video seekable Property

The Video seekable property is used for returning a TimeRanges object. The TimeRanges object is used for representing the ranges of the video which are available for seeking by the user. The time-range of video which is available for seeking i.e. moving playback position is called a seekable range.

HTML | DOM Video textTracks Property

The Video textTracks property is used for returning a TextTrackList object. The TextTrackList object is used for representing the available text tracks for a video. Each text track which is available is represented by a separate TextTrack Object. Syntax: videoObject.textTracks Return Values TextTrac

HTML | DOM Video ended Property

The Video ended property in HTML DOM is used to return whether the playback of the video has ended or not. When the playback position is at the end of the video, we consider the video has ended. The Video ended property is a read-only property. Return Value: The Video ended property returns a boolea

HTML | DOM Video error Property

The DOM Video error property is used to return the MediaError object and MediaError object contains error state of Video. Syntax: video.error.code Return Type: This property returns a numbers which represents the error state of the video: 1 = MEDIA_ERR_ABORTED - User aborted fetching process 2 = MED

HTML DOM Video readyState Property

The HTML DOM Video readyState property indicates the loading state of a video element. It reflects whether the video metadata, such as duration and dimensions, is loaded and can range from 0 to 4 representing different states. The Video readyState property is a read-only property.Â Syntax: videoObje

HTML DOM Video width Property

The HTML video element displays a video with specified dimensions. Using JavaScript, its width property can be dynamically altered, enabling dynamic adjustments to the video display. Syntax:Â // To Get the width property:Â videoObject.width// To Set the width property:Â videoObject.width = pixelsPrope

HTML DOM Source type Property

The Source type Property in HTML DOM is used to set or return the value of the type attribute in a <source> element. The type attribute is used to specify the MIME type of the media resource. Syntax: It returns the Source type property. sourceObject.typeIt is used to set the Source type proper

HTML | DOM Video muted Property

The Video muted property is used for setting or returning whether the audio output of the video should be muted or not. Syntax: For returning the muted property:videoObject.mutedFor setting the muted property:videoObject.muted = true|false Property Values: true|false: It is used to specify whether t

HTML | DOM Video poster Property

The Video poster property is used for setting or returning the value of the poster attribute of a video. The poster attribute is specifically used to display an image while the video is being downloaded, or until the play button is hit by the user. The first frame of the video is displayed if the po