hls en html5 no funciona en el navegador Android Chrome

Question

Estoy recibiendo un problema al reproducir video en "Navegador Chrome de Android Phone".

En eso pongo una etiqueta de video HTML5 y proporciono el enlace del archivo m3u8 como una fuente de etiqueta de video. Pero no funciona en el "navegador Chrome de Android".

Pero si proporciono el mismo enlace del archivo m3u8 al navegador que reproduce el video en el reproductor de video de Android.

Entonces, ¿qué se debe hacer para reproducir video en la etiqueta de video HTML5?

Nota: He comprobado esto con Android 4.0.3 y 4.1

Agradeciendo de antemano,

Sagar Joshi

Answer 1

Creo que depende de la codificación, mirando el servidor registros se solicitan las listas de reproducción, pero como no se encuentra contenido webm, no se reproduce nada.

Eso es realmente desafortunado porque el navegador de valores solía reproducir videos h264 sin problemas.

Answer 2

el enlace HLS no va a trabajar directamente en el cromo androide usted necesita un HLS librería javascript para conseguir que funcione, echar un vistazo a este código

<video id="my-video" style="width:640px height:480px;" controls> 
          <source src="{put your source link here}"> 
         </video> 
        </div> 
<script src="http://hlsbook.net/wp-content/examples/hls.min.js"></script> 
<script> 
    if (Hls.isSupported()) { 
    var video = document.getElementById('my-video'); 
    var hls = new Hls(); 
    hls.loadSource('{put your source link here}'); 
    hls.attachMedia(video); 
    hls.on(Hls.Events.MANIFEST_PARSED, function() { 
     video.play(); 
    }); 
    } 
</script> 

y recordar el enlace de la fuente no va a funcionar en la plataforma Android , funciona para la plataforma ios-safari solo porque la plataforma ios-safari no requiere javascript, ya que Safari mobile no es compatible con las extensiones de fuente de medios y por lo tanto no funcionará con hls.js. Por lo tanto, para Android necesita agregar el enlace de video en la etiqueta de script en hls.loadSource y funcionará en Android Chrome.