durationchange | ondurationchange event

Occurs when the duration attribute is updated.

HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 4.8.9.12

Syntax

HTML Attribute	<element ondurationchange = "handler(event)">
Event Property	object.ondurationchange = handler;
addEventListener Method	object.addEventListener("durationchange", handler, useCapture)

Event information

Synchronous	No
Bubbles	No
Cancelable	No

Event handler parameters

handler [in]

Type: function

Event handler object.

Standards information

HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 4.8.9.12

Remarks

Use the duration property to determine the new duration of the clip.

This event occurs immediately after onloadstart and before onloadedmetadata.

To invoke this event, do one of the following:

Load a media resource.

Examples

This example follows the durationchange event and displays a mute button image when the volume is muted. The complete example displays a number of media events.

HTML


video.addEventListener("durationchange", function () {
  document.getElementById("dc").textContent = "Duration has changed";
}, false);