oncanplaythrough Event

DOM Events Event Object

Definition and Usage

If the browser predicts that it can play the specified media resource continuously to the end without further buffering content, the oncanplaythrough event will occur.

During the loading process of audio/video, the following events will occur in the following order:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

Example

Example 1

Execute JavaScript when the video can play continuously without stopping:

<video oncanplaythrough="myFunction()">

Try It Yourself

Example 2

Execute JavaScript when the audio can play continuously without stopping:

<audio oncanplaythrough="myFunction()">

Try It Yourself

Syntax

In HTML:

<element oncanplaythrough="myScript">

Try It Yourself

In JavaScript:

object.oncanplaythrough = function(){myScript};

Try It Yourself

In JavaScript, use the addEventListener() method:

object.addEventListener("canplaythrough", myScript);

Try It Yourself

Note:Internet Explorer 8 and earlier versions do not support addEventListener() Method.

Technical Details

Bubbling: Not Supported
Cancelable: Not Supported
Event Type: Event
Supported HTML Tags: <audio> and <video>
DOM Version: Level 3 Events

Browser Support

The numbers in the table indicate the first browser version that fully supports this event.

Event Chrome IE Firefox Safari Opera
oncanplaythrough Support 9.0 Support Support Support
DOM Events Event Object