This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The waiting event is fired when playback has stopped because of a temporary lack of data.
This event is not cancelable and does not bubble.
Use the event name in methods like addEventListener(), or set an event handler property.
addEventListener("waiting", (event) => { })
onwaiting = (event) => { }
A generic Event.
These examples add an event listener for the HTMLMediaElement's waiting event, then post a message when that event handler has reacted to the event firing.
Using addEventListener():
const video = document.querySelector("video");
video.addEventListener("waiting", (event) => {
console.log("Video is waiting for more data.");
});
Using the onwaiting event handler property:
const video = document.querySelector("video");
video.onwaiting = (event) => {
console.log("Video is waiting for more data.");
};
| Specification |
|---|
| HTML> # event-media-waiting> |
| HTML> # handler-onwaiting> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
waiting_event |
3 | 12 | 6 | ≤12.1 | 3.1 | 18 | 6 | ≤12.1 | 3 | 1.0 | 4.4 | 3 |
playing eventseeking eventseeked eventended eventloadedmetadata eventloadeddata eventcanplay eventcanplaythrough eventdurationchange eventtimeupdate eventplay eventpause eventratechange eventvolumechange eventsuspend eventemptied eventstalled event
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/waiting_event