Video scrubbing on scroll

import { scrollVideo } from 'svg-scroll-draw/video';

// The full Apple / Stripe product scrub pattern.
// video.currentTime is tied directly to scroll position.
scrollVideo('#hero-video', {
  // Animate across the full sticky section
  trigger: { start: 'top top', end: 'bottom top' },

  // Optionally scrub only a clip of the video
  from: 0,    // seconds
  to:   12.5, // seconds (defaults to video.duration)

  easing: 'linear', // linear feels most natural for scrub
  once:   false,    // reverse on scroll-up

  onReady:    () => console.log('metadata loaded'),
  onProgress: p  => progressBar.style.width = p * 100 + '%',
  onComplete: () => console.log('reached end'),
});