Scroll Video Sync

Buttery smooth scroll-controlled video playback for Framer. The video plays forward and backward as you scroll, with Lenis-style interpolation for silky smooth motion. Auto-calculates scroll length based on video duration. Perfect for hero sections, product reveals, storytelling, and cinematic scroll experiences.

Features:

• Lenis-style exponential easing

• Auto scroll length based on video duration

• Progress bar with percentage

• Scroll indicator (fades after 5%)

• Mobile optimized with separate URL option

• iOS autoplay unlock built-in

⚠️ Video Requirements for Smooth Playback

For best results, your video must be encoded with all keyframes. Without this, the video will skip and jump between frames.

Encode with Handbrake (free):

1. Open your video in Handbrake

2. Go to Video tab

3. Set Video Encoder to H.264 (x264)

4. Select Constant Framerate

5. In Additional Options field, paste:

keyint=1:min-keyint=1:scenecut=0

1. Set Quality RF to 18 for best quality

2. Click Start

Or with FFmpeg (command line):

bash

ffmpeg -i input.mp4 -c:v libx264 -x264-params keyint=1:scenecut=0 -crf 18 output.mp4

Note: File size will increase 3-5x. This is normal — every frame becomes seekable.