Cerrar video cuando termina en iOS

4/sep/2014 0

En iOS, cuando intentamos utilizar un elemento <video /> 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.

Dado el siguiente elemento de video:

<video id="video" controls>
<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
</video>

Con JavaScript 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();
});

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab