HTMLMediaElement: playing event

The playing event is fired when playback is ready to start after having been paused or delayed due to lack of data.

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

Using addEventListener():

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

video.addEventListener('playing', (event) => {
  console.log('Video is no longer paused');
});

Using the onplaying event handler property:

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

video.onplaying = (event) => {
  console.log('Video is no longer paused.');
};

• 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

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>