Implemento un fondo de video que se reproduce por scroll, basado en este bolígrafo: Original
Cambié solo la URL del video, y con mi video, la transición en el desplazamiento no es fluida: Mi video
<source type="video/mp4" src="https://staging-datagen.kinsta.cloud/app/uploads/2022/05/DG_Full_Scroll_noScreen-1-1.mp4"></source>Probé muchas cosas (cambiando el formato, redimensionando la resolución y bajando la calidad del video) ninguna funcionó.
¿Tienes alguna idea de por qué está sucediendo?
Usando ffprobe, vi que en todo el clip de 10 segundos (300 fotogramas) de nuestra animación, solo hay 2 fotogramas clave. Esto es extraño ya que, por lo general, los fotogramas clave se establecerán cada 90 fotogramas de forma predeterminada. En el clip del logotipo de Google Chrome, por ejemplo, hay 41 fotogramas clave en el clip de 31 segundos.
Convertir nuestro video con una distancia de cuadro clave reducida a cada 5 cuadros, ¡resolvió el problema!
https://staging-datagen.kinsta.cloud/app/uploads/2022/05/DG_Full_Scroll_noScreen-1-1_kfd5.mp4