HTML

Structure of content on the web

  • Web APIs

    Interfaces for building web applications

  • Learn
  • HTTP Observatory

    Scan a website for free

  • Web APIs
  • audioTracks
  • controller
  • currentSrc
  • disableRemotePlayback
  • loop
  • mediaGroup
  • paused
  • preservesPitch
  • seeking
  • textTracks
  • canPlayType()
  • pause()
  • seekToNextFrame()
  • canplay
  • encrypted
  • loadedmetadata
  • playing
  • seeking
  • volumechange
  • Element
  • addEventListener(), or set an event handler property.

    js
    addEventListener("durationchange", (event) => {});

ondurationchange = (event) => {};

    Event type

    A generic Event.

    Examples

    These examples add an event listener for the HTMLMediaElement's durationchange event, then post a message when that event handler has reacted to the event firing.

    Using addEventListener():

    js
    const video = document.querySelector("video");

video.addEventListener("durationchange", (event) => {
  console.log("Not sure why, but the duration of the video has changed.");
});

    Using the ondurationchange event handler property:

    js
    const video = document.querySelector("video");

video.ondurationchange = (event) => {
  console.log("Not sure why, but the duration of the video has changed.");
};

    Specifications

    Specification
    HTML
    # handler-ondurationchange

    Browser compatibility

    BCD tables only load in the browser

    See also