HTMLMediaElement: ended event

The ended event is fired when playback or streaming has stopped because the end of the media was reached or because no further data is available. This event occurs based upon HTMLMediaElement (<audio> and <video>) fire ended when playback of the media reaches the end of the media.

Examples

These examples add an event listener for the HTMLMediaElement's ended event, then post a message when that event handler has reacted to the event firing.

Using addEventListener():

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

video.addEventListener('ended', (event) => {
  console.log('Video stopped either because 1) it was over, ' +
      'or 2) no further data is available.');
});

Using the onended event handler property:

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

video.onended = (event) => {
  console.log('Video stopped either because 1) it was over, ' +
      'or 2) no further data is available.');
};

Specifications

Browser compatibility

Related Events

• HTMLMediaElement: playing event
• HTMLMediaElement: waiting event
• HTMLMediaElement: seeking event
• HTMLMediaElement: seeked event
• HTMLMediaElement: ended event
• HTMLMediaElement: loadedmetadata event
• HTMLMediaElement: loadeddata event
• HTMLMediaElement: canplay event
• HTMLMediaElement: canplaythrough event
• HTMLMediaElement: durationchange event
• HTMLMediaElement: timeupdate event
• HTMLMediaElement: play event
• HTMLMediaElement: pause event
• HTMLMediaElement: ratechange event
• HTMLMediaElement: volumechange event
• HTMLMediaElement: suspend event
• HTMLMediaElement: emptied event
• HTMLMediaElement: stalled event

See Also

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>
• Media Capture and Streams
  • Media Capture and Streams: ended event: ended event
• Web Audio API
  • Web audio API: ended event