Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Video src Property

  • Last Updated : 05 Aug, 2019
Geek Week

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.


  • Return the src property:
  • Set the src property:
    videoObject.src = URL

Property Values:

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

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.

<!DOCTYPE html>
        DOM Video src Property
<body style="text-align: center">
    <h1 style="color: green">GeeksforGeeks</h1>
    <h2 style="font-family: Impact">Video src Property</h2>
    <video id="Test_Video"
           controls src="sample video.ogg">
    <p>To change the Url of the video,
      double click the "Change URL" button.
        <button ondblclick="My_Video()">
          Change URL
        <p id="test"></p>
            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";
                document.getElementById("test").innerHTML = 
                "Video Courtesy -";


  • Before clicking the button:
  • After clicking the button:

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

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

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :