HTMLMediaElement: play event

当 paused 属性由 true 转换为 false 时触发 play 事件，事件触发原因一般为 play() 方法调用，或者 autoplay 标签设置。

Examples

下方的例子监听了 HTMLMediaElement 标签的 play 事件，并且在事件触发后在控制台打印相应的信息。

Using 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.');
});

Using the onplay event handler property:

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.');
};

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>