Manuale di riferimento HTML

Completo di etichette HTML

Evento loadedmetadata DOM audio/video HTML

Dopo aver caricato i metadati, viene attivato l'evento loadedmetadata.

　Manuale di riferimento DOM audio/video HTML

Esempio online

Emetti un avviso quando si caricano i metadati del video:

Esempio

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Guida di base all'uso dell'evento loadedmetadata audio/video HTML - oldtoolbag.com</title>
</head>
<body>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Il tuo browser non supporta il tag video HTML5.
</video>
<script>
myVid=document.getElementById("video1");
myVid.onloadedmetadata=alert("Meta　data　for　video　loaded");
</script>　
</body>
</html>

Testa e guarda ‹/›

Definizione e uso

Quando vengono caricati i metadati dell'audio/video specificato, si verifica l'evento loadedmetadata.
I metadati dell'audio/video includono: durata, dimensioni (solo video) e tracce di testo.

Quando l'audio/video è in fase di caricamento, si verificano in successione i seguenti eventi:

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'evento loadedmetadata.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano questo evento.

Sintassi

In HTML:

<audio|video onloadedmetadata="SomeJavaScriptCode">

In JavaScript:

audio|video.onloadedmetadata=SomeJavaScriptCode;

Usa addEventListener():

audio|video.addEventListener("loadedmetadata", function()
　 {
　 //SomeJavaScriptCode
　 }
);

Dettagli tecnici

Le seguenti etichette HTML supportano:	<audio>, <video>
I seguenti oggetti JavaScript supportano:	Audio, Video

Più esempi

Usa l'attributo onloadedmetadata sugli elementi HTML

Usa addEventListener() per ascoltare l'evento loadedmetadata

　Manuale di riferimento DOM Audio/Video HTML

HTML: <template> etichetta