English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Se playback o streaming raggiungono la fine del media o non ci sono più dati disponibili, viene generato un evento ended.
Manuale di riferimento DOM Audio/Video HTML
Un messaggio di avviso viene visualizzato dopo che la riproduzione dell'audio è completata:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento ended degli audio/video HTML - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<p>Premi il pulsante di riproduzione e aspetta che l'audio venga riprodotto</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Il tuo browser non supporta l'elemento audio.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onended = function()
{
alert("L'audio è stato riprodotto completamente");
};
</script>
</body>
</html>Prova a vedere ‹/›Si verifica l'evento end quando l'audio/video raggiunge la fine.
Questo evento è molto utile per messaggi come "Grazie per aver ascoltato", "Grazie per aver guardato" ecc.
IEFirefoxOperaChromeSafari
In HTML:
<audio|video onended="myScript">Prova a
In JavaScript:
audio|video.onended=function(){myScript};Prova a
In JavaScript, utilizzare il metodo addEventListener():
audio|video.addEventListener("ended", myScript);Prova a
Attenzione: Internet Explorer 8 e versioni precedenti non supportano i browser addEventListener() Metodi.
Dettagli tecnici| Tag HTML supportati: | <audio> e <video> |
|---|---|
| Oggetti JavaScript supportati: | Audio, Video |
Un messaggio di avviso viene visualizzato dopo che la riproduzione del video è completata:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento ended degli audio/video HTML - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<p>Premi il pulsante play e aspetta che il video venga riprodotto.</p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Il tuo browser non supporta l'etichetta HTML5 video.
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onended = function()
{
alert("Il video è stato riprodotto completamente");
};
</script>
</body>
</html>Prova a vedere ‹/›