Video on Your Website. What Actually Works

Video on a website works when it loads fast, plays muted, has captions and is the right length for where it sits. Done well, it lifts dwell time and engagement. A badly handled video slows your page and annoys visitors, and that can cost you sales.

Should video autoplay with sound?

No. Chrome, Safari and Firefox all block autoplay with sound by default (Chrome Developers; WebKit; MDN, autoplay docs), so the only autoplay you can rely on is muted. The pattern that works in every browser is a muted background clip that plays inline and loops, with a static poster image as the fallback.

Visitors don't like unexpected sound either. Usability research from the Nielsen Norman Group warns that "users don't appreciate being surprised by video or audio content that begins playing without their consent" (NNGroup, video usability). Background video should be ambient, with no sound or narration.

Anything with a message, like a product demo or an explainer, should be click-to-play with a strong thumbnail. People who choose to press play are already more engaged. On the sites we build, ambient loops autoplay muted and everything else waits for a click.

How long should a website video be?

It depends on where the video sits. Wistia analysed more than 13 million videos and 79 million hours of viewing for its 2026 State of Video report. Shorter videos work best above the fold. Longer ones belong further down, where visitors have already chosen to keep reading.

• Hero or background loop: 10–30 seconds, ambient, with no visible jump when it repeats.
• Product demo: 1–3 minutes. Videos in this range average roughly 50% engagement (Wistia, 2026).
• Explainer: 2–5 minutes. How-to content holds attention well, at around 74% engagement (Wistia, 2026).
• Testimonial: 30 seconds to 2 minutes. Viewers drop off after the two-minute mark.
• Long-form video or webinar: below the fold only. Long videos get just 9% call-to-action click-through, but the people who stay are highly qualified (Wistia, 2026).

One long video at the top of the page that tries to cover everything is usually a mistake. Lead with something short and keep the longer material for visitors who scroll.

Do captions matter?

Yes, more than most people expect.

Always-on captions increase view time by 12%, and 80% more viewers watch to the end (3Play Media, aggregating Facebook and social-video data).

About 80% of caption users are not Deaf or hard of hearing (Ofcom, via 3Play Media). Captions help people watching in noisy places or quiet offices, on muted phones, or in a second language. On Facebook, captioned video has shown 135% more organic reach (3Play Media). Search engines can read caption text too, so captions help with search.

There's also a legal floor. Synchronised captions for pre-recorded video with audio are a WCAG 2.2 Level A requirement, the baseline level of the accessibility standard. We add them from the start.

What's the cost of a YouTube embed?

A standard YouTube iframe pulls in roughly 540 KB of JavaScript on initial page load (Chrome Lighthouse, third-party facades). That's a lot of weight for a page that should feel instant.

The usual fix is a "facade": a lightweight placeholder that loads the full player only when someone clicks. The widely used lite-youtube-embed, built by a Chrome DevTools engineer, cuts that initial load to about 3 KB, a 224× improvement (paulirish/lite-youtube-embed). Lighthouse recommends this approach.

For a short hero loop, we self-host an MP4 with a WebM alternative. That removes third-party JavaScript entirely, and the WebM file is around 30–40% smaller than the MP4 at the same quality.

Which type of video converts?

Match the type of video to its job:

• Animated explainers suit abstract products and "how it works" sections. 96% of people say they've watched an explainer to learn about a product, yet only 23% of marketers use animation, against 51% for live action (Wyzowl, 2026), so animation still stands out.
• Talking heads build trust. Consumers favour authentic video over polished video, and faces draw the eye: in one Instagram study, images with human faces earned 38% more likes and 32% more comments (ResearchGate, "Faces Engage Us"). The same applies to thumbnails.
• Screencasts sell software. 80% of people say they've downloaded an app after watching a demo video (Wyzowl, 2026).

There's no published A/B test showing a specific conversion lift from background hero video. The often-quoted "80% lift" figure traces back to a defunct company and can't be verified, so we don't use it. What the data does show is that 82% of video marketers report video increased dwell time (Wyzowl, 2026, self-reported), and 89% of consumers say video quality affects how much they trust a brand (Wyzowl, 2026).

FAQ

Does video slow down my website? It can. A standard YouTube embed adds about 540 KB on load (Chrome Lighthouse), and an uncompressed background loop can run to several megabytes. With a facade, compressed self-hosted files and lazy loading, the cost stays small until someone wants to watch.

Should I autoplay my hero video? Only if it's muted and purely ambient. Browsers block autoplay with sound, and visitors dislike being surprised by it (NNGroup). Anything with a message belongs behind a click-to-play thumbnail.

Do I really need captions? Yes. Captions lift view time by 12% and help 80% more viewers finish (3Play Media). Most caption users aren't hard of hearing, and synchronised captions are a WCAG 2.2 Level A accessibility requirement.

How long should a homepage video be? For a hero loop, 10–30 seconds. For a click-to-play explainer, aim for under three minutes, since shorter videos hold more viewers above the fold (Wistia, 2026).

If you're weighing up video for your site, book a call and we'll give you a straight answer about what's worth it.