English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Se playback ou streaming alcançar o final do mídia ou não houver mais dados disponíveis, um evento ended será acionado.
Áudio HTML/Manual de Referência DOM de Vídeo
Um mensagem de aviso será exibida ao final da reprodução do áudio:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento ended de vídeo-Tutorial Básico(oldtoolbag.com)</title>
</head>
<body>
<p>Pressione o botão de reprodução e aguarde a conclusão da reprodução do áudio</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Seu navegador não suporta o elemento audio.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onended = function()
{
alert("O áudio foi reproduzido completo");
};
</script>
</body>
</html>Testar para ver ‹/›Quando o áudio/Um evento end será acionado quando o vídeo alcançar o final.
Este evento é muito útil para mensagens como "Obrigado por ouvir", "Obrigado por assistir" etc.
IEFirefoxOperaChromeSafari
No HTML:
<audio|video onended="myScript">Teste
No JavaScript:
audio|video.onended=function(){myScript};Teste
No JavaScript, use o método addEventListener():
audio|video.addEventListener("ended", myScript);Teste
Atenção: Internet Explorer 8 e navegadores de versões mais antigas do IE não suportam addEventListener() Métodos.
Detalhes técnicos| Tags HTML suportadas: | <audio> e <video> |
|---|---|
| Objetos JavaScript suportados: | Áudio, Vídeo |
Um mensagem de aviso será exibida ao final da reprodução do vídeo:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento ended de vídeo-Tutorial Básico(oldtoolbag.com)</title>
</head>
<body>
<p>Pressione o botão de reprodução e aguarde a conclusão da reprodução do vídeo.</p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Seu navegador não suporta HTML5 etiqueta video.
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onended = function()
{
alert("O vídeo foi reproduzido até o final");
};
</script>
</body>
</html>Testar para ver ‹/›