événement onloadedmetadata


onloadedmetadata Événement

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>

Exécuter l'instance»

Cliquez Bouton « Exécuter l'instance » pour afficher une instance en ligne

D'autres exemples sont inclus au bas de cet article.

Définition et utilisation

L'événement onloadedmetadata est déclenché après le chargement des métadonnées de la vidéo/audio spécifiée (audio/vidéo).

Les métadonnées de la vidéo/audio (audio/vidéo) comprennent : la durée, la taille (vidéo), la piste de texte.

Pendant le processus de chargement de l'audio/vidéo, la séquence de déclenchement est la suivante :

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

Prise en charge du navigateur

Les chiffres dans le tableau représente le numéro de version du premier navigateur prenant en charge cet événement.

Événement
事件




onloadedmetadataYes9.0YesYesYes

onloadedmetadataOui9.0OuiOui Oui

Syntaxe
HTML : <
élément
onloadedmetadata="

myScript

">Essayez
JavaScript :
object
.onloadedmetadata= function() {

myScript

} ; Essayez
En JavaScript, utilisez la méthode addEventListener() :
object
. loadedmetadata",

myScript); Essayez-le

是否支持冒泡:No
是否可以取消:No
事件类型:Event
支持的 HTML 标签:<audio>, <video>
Remarque :
Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge la méthode addEventListener().
Détails techniques

Plus d'exemples

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

Exécuter l'instance»


Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

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