El primer fotograma del vídeo de fondo no se muestra en Android
Tengo el siguiente código:
.background-video { position: fixed; z-index: -10; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-background-size: cover; -moz-background-size:cover; background: url(video.jpg) no-repeat center center fixed; background-size: cover; } @media (max-width: 767px) { *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none } }
<video autoplay loop class="fillWidth background-video" poster="video.jpg"> <source src="video.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> <source src="video.webm" type='video/webm; codecs="vp8.0, vorbis"'/> <source src="video.ogg" type='video/ogg; codecs="theora, vorbis"'/> </video>
- Navegador web de Android SDK
- ¿Es el navegador Android capaz de realizar una transformación xsl?
- ¿Qué formatos de audio son compatibles con el navegador android?
- ¿Cómo registrar un espacio de nombres de URL (myapp: //app.start/) para acceder a su programa llamando a una URL en el navegador en Android OS?
- Abrir vínculos externos en el navegador con la vista web de Android
Para explicar lo que sucede:
- En iOS Safari, ocultar el botón de reproducción de vídeo y muestra el primer fotograma del vídeo.
- En el vídeo de escritorio se reproduce en un bucle infinito.
- Cuando cambio a Android (Oppo R7s ColorOS 5.1.1) en lugar del navegador de primer marco muestra fondo negro.
- Aunque en Nexus 5X Android 6.0.1 navegador móvil de Chrome todo funciona bien y puedo ver la imagen de fondo.
De lo que he encontrado en Internet, la razón de tal comportamiento podría ser Javascript deshabilitado en el navegador móvil, pero la habilitación de la funcionalidad Javascript no ayudó.
Si alguien tiene experiencia con el desarrollo de teléfonos OPPO, por favor, dígale cómo mostrar la imagen de fondo en lugar de fondo negro en este teléfono.
ACTUALIZACIÓN: Aunque la recompensa ha expirado la pregunta sigue siendo abierta.
- Inicie la aplicación youtube desde el navegador de Android
- Android: lanzar google map a través de url web
- Evitar el desplazamiento en el navegador móvil, sin impedir el enfoque de entrada
- Inspeccionar elemento en Android sin necesidad de conectarlo a la computadora
- Navegador predeterminado de Android que no se desplaza en la página web
- Javascript encuentra la diferencia entre Chrome y Dolphin
- ¿Qué es el estado de la técnica de los favicons en 2013?
- Obtener el historial de WebView de WebBackForwardList
Desconfío de esta regla:
-webkit-appearance: none;
Volvería a todos los CSS y añadir de nuevo una regla a la vez para encontrar la regla individual ofensiva si no lo han hecho ya. En última instancia, usted puede tener que comprometer en una visión, pero de esta manera usted debe poder reducir al mínimo el daño.
- Actividad onStop () no se llama cuando se presiona el botón de inicio en el modo de ventana multi Android N
- Eliminación automática de cadenas no referenciadas de strings.xml