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
- Load the page on a phone. Does anything jump?
- Scroll fast past the video. Did the page stall?
- Turn the sound off. Is it comprehensible?
- Let it finish. Does anything happen?
- 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.