vídeos - El video HTML5 no se reproducirá en los dispositivos Android

reproducir vídeos html5 en dispositivos móviles

Question

Después de algunas horas de intentarlo, quiero preguntar cómo reproducir 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 comenzó 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 usando JS. Incluso con loop = false como atributo de la etiqueta de video o con el atributo de bucle faltante, video.loop devuelve verdadero. Entonces, 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();

¡Aclamaciones!