---
title: "Scroll Video Sync — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Players. Scroll video Framer component"
canonical: "https://framer.elliotli.dev/component/scroll-video-sync"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Scroll Video Sync

# Scroll Video Sync

Scroll video Framer component

[View on Framer](https://framer.com/marketplace/components/scroll-video-sync/?via=elliot-li)

![Scroll Video Sync preview image 1](https://framer.elliotli.dev/og/component/scroll-video-sync/f8e3ffab0f735d76/1600x1200.jpg)

## Summary

Scroll video Framer component

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #3350

## Details

- **Author**: Francisc Toth
- **Published**: 2026-02-20
- **Updated**: 2026-09-14
- **Added**: 2025-10-29
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.