Feature 04 — Timeline scrubbing
La vidéo
suit le scroll
Sur cette page, la position du scroll contrôle directement la tête de lecture de la vidéo. Remonter rembobine. Descendre avance. La vidéo ne joue jamais de façon autonome.
C'est la technique utilisée par Apple pour présenter ses produits en mouvement — chaque frame est liée à un moment précis du défilement de page.
Note technique
La vidéo est chargée avec
preload="auto" pour permettre la manipulation frame par frame. La position du scroll est normalisée entre 0 et 1, puis multipliée par la durée de la vidéo. La mise à jour se fait via requestAnimationFrame pour éviter les saccades.