Tengo algunos problemas extraños con Safari 15.0.

He puesto una prueba jsfiddle aquí: https://jsfiddle.net/batdan420/3jrvgc2p/3/

Con suerte, debería poder replicar el problema visitando la URL en Safari 15.0 y también ver que no es un problema en otros navegadores modernos.

El problema parece tener que ver con el elemento de video que comienza como una posición fija.

Esto funcionó en versiones anteriores de Safari (y otros navegadores) durante muchos años, pero cuando actualicé Safari, descubrí que los sitios en los que estoy usando el código ya no muestran el video cuando se carga la página...

El ejemplo anterior debería facilitar el diagnóstico/confirmación del problema, pero si desea ver el código sin pasar por la prueba, esta es la línea de código que está causando el problema:

 <video style="left: 0;top: 0;height:100%;position:fixed;width: 100%;z-index: -20;" autoplay loop muted playsinline> <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"> </video>

Pude solucionar el problema ELIMINANDO la propiedad de posición del css (que actualmente está en línea para fines de prueba) y LUEGO usando javascript/jquery para configurar el css del elemento de video en la posición fija DESPUÉS de que el documento esté listo pero esto no es la solución más ideal.

El problema NO parece ocurrir en las versiones actuales de Chrome (94.0) o Firefox (93.0).

¿Quizás hay algo mal con mi código? ¿O es un problema con Safari 15.0?