El problema:

En mi sitio web mrgigi.me , tengo 3 videos que comienzan a reproducirse una vez que los videos están visibles en la ventana gráfica con la .play() / .pause() de javascript.

Sin embargo, después de unos segundos de reproducir los videos, todos se congelan en un cuadro. Al verificar en la consola si los videos están en pausa con videoID.paused , devuelve el valor booleano false .

Lo que significa que el navegador todavía piensa que el video se está reproduciendo sin ningún problema.

El uso de los botones de reproducción/pausa tampoco funciona después de que el video se congela.

Algunas cosas a tener en cuenta:

• Esto solo sucede en el móvil, en el escritorio funciona perfectamente bien.
• Estoy usando un iPhone 13 Pro en, al momento de escribir, iOS 15.4.1
• Probé diferentes navegadores móviles que incluyen:
  1. El navegador predeterminado, Safari
  2. Navegador DuckDuckGo
  3. navegador valiente
• Esto solo sucede cuando el sitio web está implementado/alojado (es decir, yendo al dominio del sitio web). Funciona perfectamente bien cuando se usa un servidor local como Live Server
• Para hospedaje, estoy usando Firebase y Cloudflare

Todo el código se puede encontrar en el repositorio de GitHub: DarthGigi/mrgigi.me

Aquí hay algunos videos que demuestran el problema:

1. Video que muestra el error
2. Video que muestra la salida de la consola