Skip to content
Videokr Start free

Five video embed mistakes that cost you conversions

The five that appear on almost every audit: a fixed-height iframe that causes layout shift, an eagerly loaded player above other content, autoplay with sound that browsers block, no captions for the sound-off majority, and an end screen that does nothing. All five are minutes of work to fix.

1. Fixed height, no reserved shape

width="560" height="315" on a responsive page produces either a letterboxed player or a shifting layout. The fix:

<iframe src="…" style="width:100%;aspect-ratio:16/9;border:0" loading="lazy"></iframe>

Layout shift is a ranking signal and, more importantly, it makes people mis-click.

2. Eager loading

An embed without loading="lazy" competes with your hero image and your fonts for the same bytes. A player below the fold should cost nothing until it is scrolled to. Add the attribute; it is supported everywhere that matters.

3. Autoplay with sound

Browsers block it. Your visitor either hears nothing (so your "autoplay" is a still frame with no play affordance) or, worse, hears it on a page where they did not expect audio. Muted autoplay plus a visible unmute, or a click to start.

4. No captions

Most social and mobile viewing happens with sound off. A video without captions is a silent film to a large share of its audience, and its words are invisible to search engines and assistants. Upload a WebVTT track — see chapters and captions.

5. An end screen that does nothing

The frame freezes, or — on a third-party embed — fills with other people's videos. The most engaged moment of your page, spent. Put one action there: end screens and CTAs.

Bonus: no title on the iframe

<iframe title="Product tour">. Without it, screen readers announce "iframe" and the frame is a dead end.

A five-minute audit

  1. Load the page on a phone. Does anything jump?
  2. Scroll fast past the video. Did the page stall?
  3. Turn the sound off. Is it comprehensible?
  4. Let it finish. Does anything happen?
  5. Tab into the player. Can you operate it from the keyboard?

Any "no" is a fix worth more than a redesign.

Frequently asked questions

Does a video embed hurt Core Web Vitals?

Only if it is eager or has no reserved shape. A lazy iframe with an aspect-ratio box costs almost nothing until the viewer engages with it.