Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

onloadedmetadata event

Previous: onloadeddata event

Next: onloadstart event

Examples

Execute JavaScript in the video's metadata is loaded:

<Video onloadedmetadata = "myFunction ()">

Bottom of this article contains more examples.

Definition and Usage

onloadedmetadata event metadata in the specified video / audio (audio / video) trigger after loading.

Video / audio (audio / video) metadata comprises: duration, size (video), text tracks.

Video / audio (audio / video) during the loading process, the order is triggered as follows:

Browser Support

Figures in the table represent the first browser to support this version of events.

event
onloadedmetadata	Yes	9.0	Yes	Yes	Yes

grammar

In HTML:

<Elementonloadedmetadata = "myScript"> try

In JavaScript:

object .onloadedmetadata = function () {myScript }; try

JavaScript, use the addEventListener () method:

object .addEventListener ( "loadedmetadata", myScript ); try

Note: Internet Explorer 8 and earlier versions of IE do not support addEventListener () method.

technical details

Whether to support the bubble:	No
It can be canceled:	No
Event Type:	Event
Supported HTML tags:	<Audio>, <video>

More examples

Examples

Execute JavaScript in the audio metadata load:

<Audio onloadedmetadata = "myFunction ()">

Event Object Reference

Previous: onloadeddata event

Next: onloadstart event