HTMLMediaElement: событие play

Событие play срабатывает, когда свойство paused изменяется со значения true на false, в результате вызова метода play или изменения атрибута autoplay.

Это событие не отменяется и не распространяется.

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика события.

addEventListener("play", (event) => {});

onplay = (event) => {};

Общее событие Event.

Эти примеры добавляют обработчик события для события play элемента HTMLMediaElement, а затем отправляют сообщение, когда этот обработчик отреагировал на срабатывание события.

Использование addEventListener():

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

video.addEventListener("play", (event) => {
  console.log(
    "The Boolean paused property is now 'false'. Either the play() method was called or the autoplay attribute was toggled.",
  );
});

Использование свойства обработчика события onplay:

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

video.onplay = (event) => {
  console.log(
    "The Boolean paused property is now 'false'. Either the play() method was called or the autoplay attribute was toggled.",
  );
};

• Событие HTMLMediaElement playing
• Событие HTMLMediaElement waiting
• Событие HTMLMediaElement seeking
• Событие HTMLMediaElement seeked
• Событие HTMLMediaElement ended
• Событие HTMLMediaElement loadedmetadata
• Событие HTMLMediaElement loadeddata
• Событие HTMLMediaElement canplay
• Событие HTMLMediaElement canplaythrough
• Событие HTMLMediaElement durationchange
• Событие HTMLMediaElement timeupdate
• Событие HTMLMediaElement pause
• Событие HTMLMediaElement ratechange
• Событие HTMLMediaElement volumechange
• Событие HTMLMediaElement suspend
• Событие HTMLMediaElement emptied
• Событие HTMLMediaElement stalled

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