Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

oncanplay event

Previous: onabort event

Next: oncanplaythrough event

Examples

Execute JavaScript in the video (video) ready to start playing:

<Video oncanplay = "myFunction ()">

At the bottom of this article to see more instances.

Definition and Usage

Oncanplay event triggered the user can start playing video / audio (audio / video).

In the video / audio (audio / video) loading process, triggering the sequence of events is as follows:

Browser Support

Figures in the table represent the first browser to support this version of events.

event
oncanplay	Yes	9.0	Yes	Yes	Yes

grammar

In HTML:

<Elementoncanplay = "myScript"> try

In JavaScript:

object .oncanplay = function () {myScript }; try

JavaScript, use the addEventListener () method:

object .addEventListener ( "canplay", myScript ); try

Note: Internet Explorer 8 and earlier versions of IE do not support addEventListener () method.

technical details

Whether to support the bubble:	No
It can be canceled:	No
Event Type:	Event
Supported HTML tags:	<Audio>, <video>

More examples

Examples

JavaScript is executed when the audio is ready to play:

<Audio oncanplay = "myFunction ()">

Event Object Reference

Previous: onabort event

Next: oncanplaythrough event