How to Add a Video Background in Sparkforge Website Builder

By Sparkforge Support Team ·Last reviewed May 3, 2026

Sparkforge lets you set MP4 or WebM video as the background for any section, row, or column. Pick a scaling mode (Fit, Fill, Cover), set opacity, and toggle looping.

Sparkforge's website and funnel builder supports HTML5 video backgrounds (MP4 and WebM) on sections, rows, and columns. Use them for hero areas, product reels, or atmosphere — without slowing the page with extra plugins.

Enable a video background

Select the section, row, or column.
In the right-hand settings, change BG Media Type to Video.
Pick the file from the Media Library.
Click the preview icon to confirm playback in the browser.

Scaling modes

Fit

Scales the video to fit inside the area while keeping its aspect ratio. The whole video stays visible; you may see letterboxing if the ratios don't match.

Fill

Scales the video to cover the full area, cropping or stretching as needed. Good when full coverage matters more than seeing every pixel.

Cover

Scales the video to cover the area while keeping the aspect ratio. The video fills the space without distortion, but small empty bands can appear when ratios mismatch.

Background opacity

None — fully opaque, nothing behind shows through.
Light Fade — slight transparency, content behind shows faintly.
Half Fade — 50% opacity for balanced layering.
Heavy Fade — heavy transparency; the video sits as a subtle backdrop.

Looping

Toggle Video Loop on for continuous playback (good for hero loops). Turn it off if the clip should play once and stop — useful for short intros.

Tips

Compress before upload. Background video should be short and small (a few seconds, under 5 MB) so mobile users aren't punished.
WebM tends to be smaller than MP4 at similar quality; upload both if you want broad coverage.
Always pair with a fallback color or image for browsers that block autoplay.

Frequently Asked Questions

What video formats does Sparkforge support for backgrounds?

HTML5 standards: MP4 and WebM. Both play across modern desktop and mobile browsers.

Why is my video not autoplaying on mobile?

Most mobile browsers block autoplay unless the video is muted and short. Sparkforge autoplays muted by default; check that the file isn't oversized and that the user hasn't disabled motion.

What's the difference between Fit, Fill, and Cover?

Fit shows the whole video with possible letterboxing. Fill stretches or crops to cover everything. Cover scales without distortion but may leave small gaps.

Can I use a video background in a single column instead of a full section?

Yes. Select the column and change BG Media Type to Video — the same controls apply to sections, rows, and columns.