Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM onplaying Event

  • Last Updated : 27 Jul, 2021

The DOM onplaying event occurs when the audio/video is paused and playing after the buffer.

Supported Tags 

  • <audio> 
  • <video>

Syntax: 
 

  • In HTML: 
     
<element onplaying="myScript">
  • In JavaScript: 
     
object.onplaying = function(){myScript};
  • In JavaScript, using the addEventListener() method: 
     
object.addEventListener("playing", myScript);

Example: Using the addEventListener() method 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM onplaying Event
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
          GeeksforGeks
      </h1>
        <h2>HTML DOM onplaying Event</h2>
 
        <video controls id="vidID"
               width="320" height="240">
            <source src=
                    type="video/mp4">
        </video>
 
        <script>
            document.getElementById(
              "vidID").addEventListener("playing", GFGfun);
 
            function GFGfun() {
                alert("Video playing");
            }
        </script>
    </center>
</body>
 
</html>

Output: 
 



  • Before playing: 
     

  • After playing: 
     

Supported Browsers: The browsers supported by HTML DOM onplaying Event are listed below: 
 

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

 

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 :