Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Video ended Property

  • Difficulty Level : Basic
  • Last Updated : 05 Aug, 2019

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 boolean true if the video has ended, else it returns false.

Syntax:

videoObject.ended

Below program illustrates the Video ended Property :
Example: Finding out if the video has ended or not.




<!DOCTYPE html>
<html>
  
<head>
    <title>  
        HTML | DOM Video ended Property
    </title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
  
    <h1>GeeksforGeeks</h1>
    <h2>Video ended 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>
      For checking whether the video has
      ended or not, double click the 
      "Try it" button.
    </p>
  
    <button ondblclick="My_Video()"
            type="button">
      Try it
    </button>
  
    <p id="test"></p>
  
    <script>
        function My_Video() {
            var v = 
                document.getElementById(
                  "Test_Video").ended;
            
            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 ended 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 Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :