A video background plays full-screen behind your headline and content — an instant way to make a page feel alive and premium. See how it works and 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.
A video background is a muted, looping clip that sits behind your text and buttons, usually with a subtle dark overlay so the copy stays readable. It sets a mood in seconds and is a staple of modern hero sections.
The clip autoplays muted and loops (browsers require muted autoplay), with content layered on top and a gradient scrim for contrast. In Scrollytelling you can upload a clip or generate one with AI, and we handle posters and mobile fallbacks.
Want a head start? These ready-made, fully-editable templates put the video background to work — customize one and publish in minutes.
Yes — customize one above and copy the embed code or download it, free. Generating original video with AI in the editor uses Pro credits.
No — a demo clip is loaded so you can try it instantly. Paste any video URL, or upload/generate one in the editor.
Yes — it autoplays muted and looping, which mobile browsers allow.
Yes — your heading and subheading layer on top with an overlay so they stay readable.