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>
<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>
</body>
</html>
|
Output:
Supported Browsers: The browsers supported by HTML DOM onpause Event are listed below:
- Google Chrome 3
- Edge 12
- Internet Explorer 9.0
- Firefox 3.5
- Apple Safari 3.1
- Opera 10.5