Open In App

HTML | DOM Video currentSrc Property

Improve
Improve
Like Article
Like
Save
Share
Report

The Video currentSrc property is used for returning the URL of the current video.The Video currentSrc property returns an empty string if no video is specified. The VideocurrentSrc property is a read-only property. 

Syntax:

videoObject.currentSrc

Below program illustrates the Video currentSrc Property : 

Example: Getting the URL of the current video. 

html




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


Output:

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

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

  • Google Chrome 1 and above
  • Edge 12 and above
  • Internet Explorer 9 and above
  • Firefox 3.5 and above
  • Opera 12.1 and above
  • Apple Safari 3.1 and above


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