La interfaz de usuario de una aplicación en la que estoy trabajando depende en gran medida de <video> : contiene un control deslizante con videos de demostración:
En un momento, el usuario puede ver un video, si un usuario desliza el video, aparece uno nuevo en la pantalla, etc.
Cuando aparece un contenedor de video en una pantalla, ya contiene <img> con el primer cuadro del video (consulte a continuación). En este mismo momento, cuando aparece un video en una pantalla, se está cambiando el src del <video> , por lo que el video comienza a cargarse.
Una vez que se carga un video, <img> se vuelve invisible y comienza la reproducción del video.
<div class="slide-video-container"> <img src="res/videos/previews/preview01.jpg" /> <video muted="" loop="" autoplay="" playsinline="playsinline" preload="auto"></video> </div>Funcionó perfectamente hasta el lanzamiento de iOS 15: una vez que un usuario desliza un video, aparece otro en la pantalla y comienza a reproducirse casi de inmediato. Pero en iOS 15 puedo ver un retraso de aproximadamente 1 a 1,5 segundos antes de que se cargue cualquier video y comience la reproducción.
¿Alguien tiene alguna idea de por qué está sucediendo y cómo puedo solucionar este terrible retraso?
PD: ya solucioné un error que impedía que un video comenzara a reproducirse.