El video HTML5 no se reproducirá en los dispositivos Android

Question

Después de algunas horas de intentos, quiero preguntar cómo hacer un bucle en un video en dispositivos Android usando la etiqueta de video HTML5.

Para ser un tipo de navegador independiente, incluí video.js para reproducir los videos. Todo funcionó bien para Firefox y Chrome, pero en mi dispositivo Android (SSG3 con Android 4.0.4) el video no se inicia ni se repite.

<video id="model_video" autoplay loop preload="auto" data-setup="{}" width="90%" height="90%" poster="images/black.jpg"> 

no se inició el video. Pero esto se resolvió fácilmente llamando a video.start() en JS. Pero el bucle no funciona con eso. Incluso si el atributo de bucle parece ser compatible, causa problemas. Con atributo loop = false o incluso con el atributo de bucle faltante, todavía se establece en verdadero.

Hay un par de sitios web que señalan que existe la necesidad de agregar un eventlistener. Pero desafortunadamente, no funcionó.

Answer 1

La solución es establecer el atributo de bucle en falso utilizando JS. Incluso con loop = false como atributo de la etiqueta de video o con el atributo de bucle faltante, video.loop devuelve verdadero. Así que para completar el bucle, el siguiente fragmento hizo el truco:

var video = document.getElementById("model_video"); 
    //this did the trick 
    video.loop = false; 
    video.addEventListener('ended', function() { 
     video.currentTime=0.1; video.play(); }, false); 
    video.play(); 

¡Salud!