Scroll video ties a full-screen video to the scrollbar, so the footage advances frame-by-frame as the reader scrolls — the cinematic hero effect behind Apple-style product pages. Build one in Scrollytelling.
Edit the content and colors below — your changes update live in the preview. Then copy the embed code or download a self-contained HTML file. Free, no signup.
Rendered by the same engine as a published story. Scroll-driven widgets scroll inside the frame.
Scroll video (scroll-scrubbed video) maps the reader's scroll position to a video's timeline. Instead of playing on its own, the footage moves only as fast as the reader scrolls — forward or back — creating a tactile, cinematic reveal that feels premium and in-control.
For buttery performance, Scrollytelling renders the clip to a sequence of image frames and scrubs them on a canvas tied to scroll — avoiding the stutter of seeking a real <video>. Because frames are pre-extracted and can run to dozens of megabytes, scroll video is built and hosted inside Scrollytelling rather than exported as a standalone snippet.
Want a head start? These ready-made, fully-editable templates put the scroll video to work — customize one and publish in minutes.
Yes — customize one above with your own video URL and copy the embed code or download it. Inside Scrollytelling, longer clips are additionally optimized into image frames for the very smoothest scrubbing.
Yes — customize and embed a scroll video free. Generating original video with AI inside the editor uses Pro credits.
No — a demo clip is loaded so you can try it now. Swap in any video URL, or upload/generate one in the editor.
Yes — the scrub effect is tuned to stay smooth on phones.