YouTipAv Event Pause
## HTML Audio/Video DOM: pause Event
The `pause` event fires when an audio or video file is paused, either by the user (clicking the pause button) or programmatically via JavaScript.
This event is highly useful for tracking user engagement, updating custom media player controls, saving playback progress, or pausing related animations and overlays when the media stops playing.
---
## Definition and Usage
The `pause` event is triggered when the media's playback state changes to paused.
* **Trigger Conditions:**
* The user clicks the pause button on the native media controls.
* The `.pause()` method is called on the media element in JavaScript.
* The media is paused automatically due to system events (e.g., incoming phone calls on mobile devices).
* **Related Event:** The `play` event is fired when the audio/video starts playing or resumes after being paused.
---
## Browser Support
The numbers in the table specify the first browser version that fully supports the `pause` event.
| Event | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
| :--- | :--- | :--- | :--- | :--- | :--- |
| **pause** | Yes | 9.0 | Yes | Yes | Yes |
---
## Syntax
You can register the `pause` event in three ways:
### 1. In HTML
```html
```
### 2. In JavaScript (using the `onpause` event handler)
```javascript
audioOrVideoElement.onpause = function() {
// Your custom script here
};
```
### 3. In JavaScript (using `addEventListener()`)
```javascript
audioOrVideoElement.addEventListener("pause", myScript);
```
> **Note:** The `addEventListener()` method is not supported in Internet Explorer 8 and earlier versions.
---
## Technical Details
| Property/Feature | Details |
| :--- | :--- |
| **Supported HTML Tags** | `