Skip to content
Related Articles

Related Articles

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.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


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

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :