HTML onpause Event Attribute - HTML Media Events Attribute

Definition and Usage The onpause attribute defines a script to be run when the audio/video is paused either by the user or programmatically. Tip: The onplay attribute is used to define a script to run when the audio/video has been started or is no longer paused.

Example of HTML onpause Event Attribute

Play and pause the video.

index.html

Example: HTML

<!DOCTYPE html>
 <html>
 <body>
 <script>
function myFunction() { alert('The video has been paused');
}</script>
<p>
Play and pause the video.</p>
<video controls onpause="myFunction()">
 <source src="https://download.samplelib.com/mp4/sample-5s.mp4" type="video/mp4">
 <source src="https://download.samplelib.com/mp4/sample-5s.mp4" type="video/ogg">
 Your browser does not support HTML5 video.</video>
<p>
Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">
Big Buck Bunny</a>
.</p>
</body>
 </html>

Output should be:

Definition and Usage of HTML onpause Event Attribute

The pause event occurs when the audio/video is paused either by the user or programmatically.

Tip: The play event occurs when the audio/video has been started or is no longer paused.

Browser Support of HTML onpause Event Attribute

The numbers in the table specify the first browser version that fully supports the event.

Output should be:

Syntax of HTML onpause Event Attribute

<element onpause="script">

Attribute Values of HTML onpause Event Attribute

Value	Description
script	The script to be run on pause

Technical Details of HTML onpause Event Attribute

Supported HTML tags:	<audio> and <video>

How to alert that the video has been paused

Play and pause the video.

index.html

Example: HTML

<!DOCTYPE html> 
<html> 
<body> 

<script>
function myFunction() {
  alert('The video has been paused');
}
</script>

<p>Play and pause the video.</p>

<video controls onpause="myFunction()">
  <source src="https://download.samplelib.com/mp4/sample-5s.mp4" type="video/mp4">
  <source src="https://download.samplelib.com/mp4/sample-5s.mp4" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

<p>Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>

</body> 
</html>

Output should be:

How to alert that the audio has been paused

Play and pause the audio.

index.html

Example: HTML

<!DOCTYPE html> 
<html> 
<body> 

<script>
function myFunction() {
  alert('The audio has been paused');
}
</script>

<p>Play and pause the audio.</p>

<audio controls onpause="myFunction()">
  <source src="https://file-examples.com/index.php/sample-audio-files/sample-mp3-download/" type="audio/ogg">
  <source src="https://file-examples.com/index.php/sample-audio-files/sample-mp3-download/" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

</body> 
</html>

Output should be:

html event attributes

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Media Events Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference