Tenemos un sitio web con un video de fondo. Y tiene un problema, cuando un usuario está en modo de bajo consumo en dispositivos IOS (iPhone, Mac, etc.).
¿Es posible manejar solo el modo de bajo consumo y configurar la imagen alternativa en lugar del video con el botón de reproducción?
Vi una variante con un evento de suspend , pero también se disparó cuando el video se cargó por completo, por lo que no es una solución correcta para nosotros.
Puede usar la API de batería de JavaScript para rastrear el estado de la batería
Parece que encontré una solución: la forma más correcta, en mi opinión, es simplemente manejar el lanzamiento de errores (en el bloque de captura) y establecer una imagen alternativa en lugar de un video.
FYI: esta solución es relevante solo cuando el video está en segundo plano (desde el punto de vista de UX)
Entonces la solución es:
`
useEffect(() => { if (videoRef.current) { videoRef.current? .play() .then(() => {}) .catch((error) => { setVideoPaused(true); return error; }); } }, []);`