Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM 參考手冊

概覽

JavaScript 對象

JavaScript Array 對象 JavaScript Boolean 對象 JavaScript Date 對象 JavaScript Math 對象 JavaScript Number 對象 JavaScript String 對象 JavaScript RegExp 對象 JavaScript 全局屬性/函數 JavaScript 運算符

Browser 對象

Window 對象 Navigator 對象 Screen 對象 History 對象 Location 對象

DOM 對象

HTML DOM Document 對象 HTML DOM 元素對象 HTML DOM 屬性對象 HTML DOM 事件對象

HTML 對象

<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 事件

上一頁： onloadeddata事件

下一頁： onloadstart事件

實例

在視頻的元數據加載後執行JavaScript :

<video onloadedmetadata="myFunction()">

本文底部包含了更多實例。

定義和用法

onloadedmetadata 事件在指定視頻/音頻（audio/video）的元數據加載後觸發。

視頻/音頻（audio/video）的元數據包含: 時長，尺寸大小（視頻），文本軌道。

視頻/音頻（audio/video）在加載過程中，觸發的順序如下：

瀏覽器支持

表格中的數字表示支持該事件的第一個瀏覽器的版本號。

事件
onloadedmetadata	Yes	9.0	Yes	Yes	Yes

語法

HTML 中：

<elementonloadedmetadata="myScript"> 嘗試一下

JavaScript 中：

object .onloadedmetadata=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("loadedmetadata", myScript ); 嘗試一下

注意： Internet Explorer 8及更早IE版本不支持addEventListener()方法。

技術細節

是否支持冒泡:	No
是否可以取消:	No
事件類型:	Event
支持的HTML 標籤:	<audio>, <video>

更多實例

實例

在音頻的元數據加載後執行JavaScript:

<audio onloadedmetadata="myFunction()">

事件對象參考手冊

上一頁： onloadeddata事件

下一頁： onloadstart事件