onemptied

onemptied event

The onemptied event is triggered when the resource of a media element is removed or becomes unavailable. This can happen if playback is stopped by the user or if the media source is reset.

Syntax

addEventListener("emptied", (event) => {});
onemptied = (event) => {};

Example

These examples demonstrate how to attach an event listener to the emptied event of an HTMLMediaElement. When the event is triggered, a message is displayed to indicate that the event has been handled.

• Using addEventListener():

const video = document.querySelector("video");

video.addEventListener("emptied", (event) => {
  console.log("Uh oh. The media is empty. Did you call load()?");
});

• Using the onemptied event listener property:

const video = document.querySelector("video");

video.onemptied = (event) => {
  console.log("Uh oh. The media is empty. Did you call load()?");
};

See also

• <audio>
• <video>

Conclusion

The onemptied event is triggered when the resource of a media element is removed or becomes unavailable. It typically occurs when the media source is reset or playback is stopped. This event helps handle changes in media availability effectively.