1. Home

onloadedmetadata Event

Execute a JavaScript when meta data for a video is loaded

Definition and Usage

The onloadedmetadata event occurs when meta data for the specified audio/video has been loaded.

Meta data for audio/video consists of: duration, dimensions (video only) and text tracks.

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

  • onloadstart
  • ondurationchange
  • onloadedmetadata
  • onloadeddata
  • onprogress
  • oncanplay
  • oncanplaythrough

    • Browser Support

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

    Event
    onloadedmetadata Yes 9.0 Yes Yes Yes

    Syntax

    In HTML:

    <element onloadedmetadata="myScript">

    In JavaScript:

    object.onloadedmetadata = function(){myScript};

    In JavaScript, using the addEventListener() method:

    object.addEventListener("loadedmetadata", myScript);
    Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.

    Technical Details

    Bubbles: No
    Cancelable: No
    Event type: Event
    Supported HTML tags: <audio> and <video>
    DOM Version: Level 3 Events

    More Examples

    Example

    Execute a JavaScript when meta data for an audio is loaded:

    <audio onloadedmetadata="myFunction()">

    Categories

    HTML CSS3 Bootstrap Foundation Sass JavaScript TypeScript JQuery AngularJS React NodeJS Highcharts PHP Python Python3 Django Linux Docker Ruby Java C C ++ Perl Servlet JSP Lua Scala Go ASP C # SQL MySQL SQLite MongoDB Redis Android Swift ionic Kotlin XML tutorial

    Contact US