acara onloadedmetadata


onloadedmetadata Event

Instance

<!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>

Run Instance»

Klik Butang "Jalankan Instance" untuk melihat contoh dalam talian

Lebih banyak contoh disertakan di bahagian bawah artikel ini.

Definisi dan penggunaan

Acara metadata yang dimuatkan dicetuskan selepas metadata video/audio (audio/video) yang ditentukan dimuatkan.

Metadata video/audio (audio/video) termasuk: tempoh, saiz (video), trek teks.

Semasa proses pemuatan audio/video, jujukan pencetus adalah seperti berikut:

  1. onloadstart
  2. ondurationchange
  3. onloaded metadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

Sokongan penyemak imbas

Nombor dalam jadual mewakili nombor versi penyemak imbas pertama yang menyokong acara ini.

Acara
事件




onloadedmetadataYes9.0YesYesYes

onloadedmetadataYa9.0YaYa Ya

Sintaks
HTML: <
elemen
onloadedmetadata="

myScript

">Cuba
JavaScript:
objek
.onloadedmetadata= function() {

myScript

}; Cuba
Dalam JavaScript, gunakan kaedah addEventListener():
objek
. loadedmetadata",

myScript); Cubalah

是否支持冒泡:No
是否可以取消:No
事件类型:Event
支持的 HTML 标签:<audio>, <video>
Nota:
Internet Explorer 8 dan versi IE terdahulu tidak menyokong kaedah addEventListener().
Butiran teknikal

Lagi contoh

Contohrreee

Jalankan Instance»


Klik butang "Run Instance" untuk melihat contoh dalam talian

<🎜><🎜><🎜><🎜>