ondurationchangeEvent

事件对象参考手册Event Object

Example

Execute JavaScript when the duration of the video changes:

<video ondurationchange="myFunction()">

Try it yourself »

More examples are included at the bottom of this article.


Definition and Usage

The ondurationchange event is triggered when the duration of the video/audio changes.

Note:After the video/audio has been loaded, the duration of the video/audio changes from "NaN" to the actual duration.

During the loading of the video/audio, the events are triggered in the following order:

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

Browser Support

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

Event
ondurationchange Yes 9.0 Yes Yes Yes


Syntax

In HTML:

<element ondurationchange="myScript">Try it yourself

In JavaScript:

object.ondurationchange=function(){myScript};Try it yourself

In JavaScript, using the addEventListener() method:

object.addEventListener("durationchange", myScript);Try it yourself

Note:Internet Explorer 8 and earlier IE versions do not supportaddEventListener()the method.


Technical Details
Bubbles: No
Cancelable: No
Event type: Event
Supported HTML tags: <audio>, <video>


Examples

More Examples

Example

Execute JavaScript when the audio starts to load:

<audio ondurationchange="myFunction()">

Try it yourself »


事件对象参考手册Event Object Other Extensions