Theplaying event is fired after playback is first started, and whenever it is restarted. For example it is fired when playback resumes after having been paused or delayed due to lack of data.

This event is not cancelable and does not bubble.

Syntax

Use the event name in methods likeaddEventListener(), or set an event handler property.

addEventListener("playing", (event) => { })onplaying = (event) => { }

Event type

A genericEvent.

Examples

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

UsingaddEventListener():

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

Using theonplaying event handler property:

const video = document.querySelector("video");video.onplaying = (event) => {  console.log("Video is no longer paused.");};

Specifications

Browser compatibility

Related Events

• The HTMLMediaElementwaiting event
• The HTMLMediaElementseeking event
• The HTMLMediaElementseeked event
• The HTMLMediaElementended event
• The HTMLMediaElementloadedmetadata event
• The HTMLMediaElementloadeddata event
• The HTMLMediaElementcanplay event
• The HTMLMediaElementcanplaythrough event
• The HTMLMediaElementdurationchange event
• The HTMLMediaElementtimeupdate event
• The HTMLMediaElementplay event
• The HTMLMediaElementpause event
• The HTMLMediaElementratechange event
• The HTMLMediaElementvolumechange event
• The HTMLMediaElementsuspend event
• The HTMLMediaElementemptied event
• The HTMLMediaElementstalled event

See also

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