---
title: "Media Scroll Sync — Framer component · Best of Framer"
description: "$3.00 · Framer component · by KalpX Studio · Backgrounds. About this Component This Media Scroll Sync component for Framer lets you control video playback as you scroll your website."
canonical: "https://framer.elliotli.dev/component/media-scroll-sync"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Media Scroll Sync

# Media Scroll Sync

Drop a video & scroll control it

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

![Media Scroll Sync preview image 1](https://framer.elliotli.dev/og/component/media-scroll-sync/05710cdaed03b78d/1600x1200.jpg)

## Summary

About this Component This Media Scroll Sync component for Framer lets you control video playback as you scroll your website.

## Description

## About this Component

This Media Scroll Sync component for Framer lets you control video playback as you scroll your website.

Scroll down, and the video plays forward. Scroll up, and it rewinds. You can add a custom background, choose how it reveals itself, and decide whether it kicks off on a button click or automatically as visitors scroll past it.

-   Supports any type of video format, mp4,mkv, or mov
    
-   Supports every codec from HEVC, H. 264 to AV1
    
-   Adjustable media fit modes (Fill, Contain, Stretch)
    
-   Smooth scroll & flicker-free playback
    
-   Can add a play button or let the video automatically play
    
-   Fully responsive across devices
    
-   Easy plug-and-play setup in Framer
    

Any questions? email us: [**kalpx@post.com**](mailto:kalpx@post.com)

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

-   All · #8089

## Details

- **Author**: KalpX Studio
- **Price**: $3.00
- **Published**: 2026-02-19
- **Updated**: 2026-08-17
- **Added**: 2026-02-17
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background