Manual de referencia HTML

Compendio de etiquetas HTML

Audio HTML/Evento ended del DOM de video

Si playback o streaming alcanza el final del medio o no hay más datos disponibles, se desencadenará un evento ended.

Audio HTML/Manual de referencia del DOM de video

Ejemplo en línea

Mensajes emergentes al finalizar la reproducción del audio:

Ejemplo

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML</title>/Uso del evento ended de video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p>Presione el botón de reproducción y espere a que el audio se reproduzca</p>
<audio id="myAudio" controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
　　Su navegador no admite el elemento audio.
</audio>
<script>
var　aud　=　document.getElementById("myAudio");
aud.onended　=　function()　
{
　　　　alert("El audio se ha reproducido completamente");
};
</script>
</body>
</html>

Prueba y mira ‹/›

Definición y uso

Cuando el audio/Se producirá el evento end cuando el video alcance el final.
Este evento es muy útil para mensajes como "Gracias por escuchar", "Gracias por ver".

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Sintaxis

En HTML:

<audio|video onended="myScript">Pruebe esto

En JavaScript:

audio|video.onended=function(){myScript};Pruebe esto

En JavaScript, utilice el método addEventListener():

audio|video.addEventListener("ended", myScript);Pruebe esto

Nota: Internet Explorer 8 y navegadores IE más antiguos no lo admiten addEventListener() Métodos.

Detalles técnicos

Etiquetas HTML compatibles:	<audio> y <video>
Objetos JavaScript compatibles:	Audio, Video

Ejemplo en línea

Mensajes emergentes al finalizar la reproducción del video:

Ejemplo

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML</title>/Uso del evento ended de video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p>Presione el botón de reproducción y espere a que el video se reproduzca completamente.</p>
<video id="myVideo" width="320" height="176" controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Su navegador no admite HTML5　etiqueta video.
</video>
<script>
var　vid　=　document.getElementById("myVideo");
vid.onended　=　function()　
{
　　　　alert("El video se ha reproducido completamente");
};
</script>
</body>
</html>

Prueba y mira ‹/›

Audio HTML/Manual de referencia del DOM de video

HTML: <template> etiqueta