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> 

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.

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.

  • Detectar navegación anónima / incógnita
  • ¿Cómo abrir un sitio web cuando se hace clic en un botón en la aplicación de Android?
  • La autenticación de Dropbox deja abierto el navegador
  • ¿Es posible usar Mozilla Persona (BrowserID) con aplicaciones móviles?
  • Extensiones del navegador Android
  • Abrir navegador con la última URL visitada
  • Cómo ocultar la barra de direcciones del navegador cuando la altura de la página es fija y tiene jQuery desplazamiento interno
  • Gancho del portapapeles a la web de acciones de Android broswer
  • Puede una página web en un navegador móvil preguntar / obtener la ubicación de los usuarios desde el teléfono?
  • Cómo acceder al almacenamiento local del navegador android a través del código nativo
  • Caché de WebView de Android perdido después de cerrar la aplicación
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.