HTML | DOM onpause Event
The DOM onpause event occurs when the audio/video is paused. The audio/video can be paused either by the user or programmatically.
Supported Tags
Syntax:
- In HTML:
<element onpause="myScript">
- In JavaScript:
object.onpause = function(){myScript};
- In JavaScript, using the addEventListener() method:
object.addEventListener("pause", myScript);
Example: Using the addEventListener() method
html
<!DOCTYPE html> < html > < head > < title > HTML DOM onpause Event </ title > </ head > < body > < center > < h1 style = "color:green" > GeeksforGeks </ h1 > < h2 >HTML DOM onpause Event</ h2 > < video controls id = "vidID" width = "320" height = "240" > < source src = type = "video/mp4" > </ video > < script > document.getElementById( "vidID").addEventListener( "pause", GFGfun); function GFGfun() { alert("Video paused"); } </ script > </ center > </ body > </ html > |
Output:
- Before Pause:
- After Pause:
Supported Browsers: The browsers supported by HTML DOM onpause Event are listed below:
- Google Chrome
- Internet Explorer 9.0
- Firefox
- Apple Safari
- Opera