Cerrar video cuando termina en iOS
En iOS, cuando intentamos utilizar un elemento nos vemos obligados a que el player del dispositivo se haga cargo. No podemos aplicar autoplay ni responder a su comportamiento, ya que es intrínseco del sistema operativo y no del browser. Felizmente iOS implementó un callback el cual responde a eventos del video y en este caso, responde cuando el video termina. Cuando tocamos un video podemos saber el final de éste y aplicar algún evento mediante [JavaScript][1].
Dado el siguiente elemento de video:
<video id="video" controls><br />
<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm"></source><br />
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source><br />
</video>
Con [JavaScript][1] podemos escuchar el final del video y aplicar algún otro evento:
$('#video').bind('ended', function() {
// Cerramos la ventana del video
var videoEl = document.getElementById('video');
videoEl.webkitExitFullScreen();
});
[1]: http://www.csslab.cl/categoria/javascript/ “Enlace en CSSLab a “JavaScript””
Leer otros artículos