Recientemente he estado codificando un video de fondo de página completa en un sitio web.

Ahora me encontré con una situación extraña. En algunos teléfonos Android (quizás relacionado con la versión del navegador), el video aparecerá en pantalla completa, con un índice z máximo y cubrirá todos los elementos durante la reproducción.

Por ejemplo, el https://virginhyperloop.com/

Como puede ver arriba, en algunos teléfonos Android, el video cubrió todos los elementos mientras que iOS lo muestra correctamente.

Para resolver este problema, tengo la idea de reemplazar el video con una imagen de JS en estos teléfonos Android no compatibles.

Sin embargo, no sé cómo detectar si el navegador reproducirá el video de esta manera.

¿Cómo puedo detectarlo? Gracias.