requisitos:
Darse cuenta de PC y corriente HLS juego axial móvil, y puede jugar de forma automática, el juego dentro de la página y la reproducción a pantalla completa.
Preliminar: PC y Android hls.js máquina lograr HLS fluyen reproducen automáticamente en la reproducción a pantalla completa no pantalla completa y
El primero en utilizar las hls.js plug-in que puede lograrse en la máquina PC y Andrews y juegan automáticamente en pantalla completa y reproducción en pantalla no completa.
Pero no admite la reproducción en el teléfono de Apple, HLS web oficial dijo que las bibliotecas de cambio de uso del MSE, original: se basa en HTML5 video y MediaSource Extensiones para la reproducción. El MSE investigación no respalda la IOS, disparos MDN son los siguientes:
Resumen: PC y hls.js apoyo Android, el teléfono de Apple no es compatible. Por suerte me encontré con la ayuda de la etiqueta de vídeo HLS juegan.
Explorar: Apple el uso del teléfono video streaming para lograr HLS se ejecutan automáticamente.
Después de la prueba, es necesario hacer clic en juego a juego, que no se reproduce automáticamente por las siguientes razones ( Nueva <video> Politica para iOS ):
+ Prueba se ha traducido en la siguiente,
Debe tener las condiciones para jugar de forma automática:
1. <video> etiqueta debe tener una reproducción automática de atributos.
2. <video> se debe establecer la propiedad silenciado, no lo hace comprender en sí mismo o pista.
3. Los <video>
elementos sólo son visibles cuando para iniciar la reproducción en la pantalla. Por ejemplo, cuando se desplazan a la vista, y se insertan visible a través de CSS DOM.
4. Permitir a los elementos de juego asociadas, y no entrar en el modo de pantalla completa iniciará automáticamente la reproducción, es decir playsinline webkit-playsinline.
Si usted tiene la reproducción automática, las situaciones siguientes causarán una pausa de reproducción automática:
1. Los elementos se vuelven invisibles, por ejemplo, por desplazamiento hacia el exterior de la ventana gráfica.
2. El <video>
elemento recibe la pista, o el volumen abierto (por ejemplo silenciado = false, video.volume = 50, etc.).
Después de la prueba, el vídeo tiene los siguientes atributos pueden jugar de forma automática:
<Video de reproducción automática silenciado playsinline = "true" webkit-playsinline = "true"> </ video>
Resumen: Uso de reproducción automática silenciado playsinline = "true" webkit-playsinline = "true" atributo puede reproducir automáticamente, más letal se reproduce automáticamente ser silenciado.
Compromiso: teléfono de Apple no requiere un vínculo automático, necesita pantalla completa y reproducción en pantalla completa no
Después de que el código se cambia playsinline reproducción automática = "true" webkit-playsinline = "true" Controles, haga clic para jugar (automáticamente aparecerá la pantalla completa), IOS13 dos dedos se pueden retraer juego en línea, pausa o menos inmediatamente después de IOS13 retraído y, a continuación, haz clic para reproducir todavía hace estallar para arriba la reproducción a pantalla completa.
Después código de búsqueda para que lea como sigue:
<Video x5-playsinline = "" playsinline = "" webkit-playsinline = "" x-webkit-AirPlay = "permitir" precarga = "true" controles> </ video>
Donde x-webkit-Airplay = "permitir", debe tener, esta propiedad debe hacer vídeo IOS compatibles con la función AirPlay. Sin embargo, este código puede ser añadido con los siguientes jugadores en el IOS13 eliminan a morir. canal micro x5-playsinline prohíbe pantalla completa.
resumen:
1. PC y hls.js apoyo Android, el teléfono de Apple no es compatible.
2. teléfono de Apple puede utilizar el reproductor de vídeo fluyen HLS, Usar la reproducción automática silenciado playsinline = "true" webkit-playsinline = "true" atributo puede reproducir automáticamente, más letal se juega de forma automática sido incapaz de tener una voz.
3. IOS13 el jugador en línea debe desear agregar x-webkit-Airplay = "permitir".