How to use oncanplay in html5

This article will explain in detail how to use oncanplay in html5. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Example

Execute JavaScript when the video (video) is ready to be played:

Definition and usage

The oncanplay event is triggered when the user can start playing video / audio (audio/video).

During video / audio (audio/video) loading, the sequence in which events are triggered is as follows:

Onloadstart

Ondurationchange

Onloadedmetadata

Onloadeddata

Onprogress

Oncanplay

Oncanplaythrough

Browser support

The number in the table represents the version number of the first browser that supports the event.

Grammar

In HTML:

In JavaScript:

Object.oncanplay=function () {myScript}

In JavaScript, use the addEventListener () method:

Object.addEventListener ("canplay", myScript)

Note: the addEventListener () method is not supported in Internet Explorer 8 and earlier IE versions.

Technical details

Whether bubbling is supported: can No cancel: No event type: HTML tag supported by Event:

Example

Execute _ JavaScript when the audio is ready to play:

This is the end of this article on "how to use oncanplay in html5". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.