Mi problema es muy específico y no puedo encontrar mucho en términos de recursos.

Estoy trabajando en un sitio web que cuenta una historia a través del desplazamiento e incluye toneladas de animaciones CSS activadas por la ventana gráfica (probablemente usando la API de IntersectionObserver) y un video de fondo.

Mira esto :

https://www.sbs.com.au/theboat/

el principal desafío es encontrar una manera de reproducir automáticamente el audio de la misma manera que activo las animaciones con todas las restricciones de reproducción automática del navegador.

Si miras el enlace de arriba, ¿cómo crees que se logró esto? Se agradece cualquier ayuda/orientación.