onloadedmetadata 事件


onloadedmetadata 事件

實例

<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
</head>
<body> 

<video controls onloadedmetadata="myFunction()">
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    您的浏览器不支持 HTML5 video。
</video>
<script>
function myFunction() {
    alert("视频元数据已加载");
}
</script>

</body> 
</html>

##執行實例»#點擊"運行實例" 按鈕查看線上實例

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

定義和用法

onloadedmetadata 事件在指定視訊/音訊（audio/video）的元資料載入後觸發。

視訊/音訊（audio/video）的元資料包含: 時長，尺寸大小（視訊），文字軌道。

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

    onloadstart
  1. ondurationchange
  2. onloadedmetadata
  3. onloadeddata
  4. onprogress
  5. onca​​nplay
  6. #onca​​nplaythrough

##瀏覽器支援

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

事件onloadedmetadataYes9.0





##Yes

Yes

Yes
#語法

HTML 中：

< ;
element onloadedmetadata="myScript">試試看.onloadedmetadata=function(){};試試看#object .addEventListener("loadedmetadata", );試試看注意：
JavaScript 中：
objectmyScript
JavaScript 中, 使用addEventListener() 方法:
myScript
Internet Explorer 8 及更早IE 版本不支援addEventListener( ) 方法。
技術細節

是否支援冒泡:

No


是否可以取消:No

事件類型:

Event
#######支援的HTML 標籤:###### <audio>, <video>############################更多實例########實例# #####
<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
</head>
<body> 

<audio controls onloadedmetadata="myFunction()">
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
</audio> 
<script>
function myFunction() {
    alert("音频元数据已加载");
}
</script>

</body> 
</html>
#########執行實例»######點擊"運行實例" 按鈕查看線上實例################# ####