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>

oncanplaythrough event

Previous: oncanplay event

Next: ondurationchange event

Examples

JavaScript is executed when the video plays correctly and without pause:

<Video oncanplaythrough = "myFunction ()">

Bottom of this article contains more examples.

Definition and Usage

Oncanplaythrough trigger event can play in normal video / audio (audio / video) and without pause and buffer.

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
oncanplaythrough	Yes	9.0	Yes	Yes	Yes

grammar

In HTML:

<Elementoncanplaythrough = "myScript"> try

In JavaScript:

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

JavaScript, use the addEventListener () method:

object .addEventListener ( "canplaythrough", 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

The audio plays correctly and without pause when JavaScript is executed:

<Audio oncanplaythrough = "myFunction ()">

Event Object Reference

Previous: oncanplay event

Next: ondurationchange event