Widgets / Video background
Interactive widget

Video background: full-screen video behind your content

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.

Customize your video background

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.

your-site.com
Customize & export

Rendered by the same engine as a published story. Scroll-driven widgets scroll inside the frame.

What is a video background?

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.

When to use a video background

  • Hero sections — make a strong first impression.
  • Event & launch pages — convey energy and atmosphere.
  • Brand stories — establish tone before a word is read.

How it works

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.

Best practices

  • Keep the clip short and seamless so the loop isn't obvious.
  • Use a darkening overlay so text stays legible.
  • Provide a strong poster image for first paint and slow connections.

How to make a video background — free to start

  1. Open the editor

    Create a story and add a Video background section.
  2. Add your video

    Upload a loop or generate one with AI.
  3. Publish

    Share a link or publish to your domain.

Templates that use a video background

Want a head start? These ready-made, fully-editable templates put the video background to work — customize one and publish in minutes.

Outdoor Gear Brand Story template
Outdoor Gear Brand Story
Skincare Brand Story template
Skincare Brand Story
Food Fair Promo template
Food Fair Promo
Wellness Retreat Promo template
Wellness Retreat Promo
Cosmetics Launch Timeline template
Cosmetics Launch Timeline
Game Launch Timeline template
Game Launch Timeline
Wellness Brand About Page template
Wellness Brand About Page
Nonprofit About Page template
Nonprofit About Page

Video background — frequently asked questions

Is video background free?

Yes — customize one above and copy the embed code or download it, free. Generating original video with AI in the editor uses Pro credits.

Do I need my own video?

No — a demo clip is loaded so you can try it instantly. Paste any video URL, or upload/generate one in the editor.

Will it autoplay on mobile?

Yes — it autoplays muted and looping, which mobile browsers allow.

Can I put text over it?

Yes — your heading and subheading layer on top with an overlay so they stay readable.