Search3 min read
YouTube Embed Code: Responsive and Privacy-Friendly
The default YouTube embed code is fixed-width and sets cookies before anyone presses play. Here is the version that is responsive, lazy and privacy-enhanced.
The YouTube embed code you get from the Share button is fixed at 560×315, loads the full player immediately, and sets cookies before anyone presses play. Three changes fix all of that: a wrapper that scales,
loading="lazy", and the youtube-nocookie domain.The embed code worth pasting
<div style="position:relative;padding-top:56.25%">
<iframe
src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
title="Descriptive title of the video"
loading="lazy"
style="position:absolute;inset:0;width:100%;height:100%;border:0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>Four things are doing work there:
padding-top:56.25%— that is 9 ÷ 16, which reserves the correct height before
the iframe loads. It makes the embed responsive and stops the page jumping as it loads, which is a Core Web Vitals problem as much as an aesthetic one.
youtube-nocookie.com— YouTube's privacy-enhanced domain. It defers
cookie-based tracking until playback begins (YouTube Help).
loading="lazy"— the player is not fetched until it approaches the viewport.
On a page with three embeds this is the single biggest performance win available.
title— required for screen readers. An iframe with no title is announced as
nothing useful.
FreeMentioned in this article
YouTube Embed Code GeneratorEmbed code with the parameters that still work, and none that quietly do not.The generator builds this from a URL, with the parameters set, so you are not hand-editing an iframe every time.
Parameters that still do something
| Parameter | Effect |
|---|---|
start=90 | Begin at 90 seconds — note: start, not t |
end=180 | Stop at 180 seconds |
rel=0 | Restricts related videos to the same channel |
modestbranding=1 | Deprecated; it no longer has an effect |
autoplay=1 | Requires mute=1 in most browsers to work at all |
cc_load_policy=1 | Captions on by default |
playsinline=1 | Plays inline on iOS rather than going fullscreen |
The
start distinction catches people out: a YouTube timestamp link uses t=, but the embedded player wants start=. Paste a t= value into an iframe and the video quietly starts at zero.rel=0 no longer removes related videos entirely — it limits them to the same channel, which is still worth setting if you would rather not send a reader to a competitor at the end of a clip.Why the default embed is a performance problem
An embedded player is not a picture of a video. It is an application: a document, its own scripts, its own network requests, and a measurable amount of main-thread work before anything is visible. Put three of them on an article and the page's load budget is gone before your own content renders.
That has two consequences worth caring about. The first is Core Web Vitals - largest contentful paint and layout stability both suffer from an unreserved, eagerly loaded iframe, and both are things search engines measure. The second is simpler: on a mid-range phone on a slow connection, a page with several eager embeds feels broken.
The wrapper above solves the layout half by reserving the space, and
loading="lazy" solves the fetch half for embeds below the fold. What neither solves is the cost of the player itself once it does load, which is what the next section is for.The facade pattern, if performance really matters
Even lazily loaded, an embed pulls a substantial player. The lighter approach is to render the thumbnail with a play button and only insert the iframe when someone clicks it. The whole page then costs one image instead of a player.
FreeMentioned in this article
YouTube Thumbnail DownloaderGrab every thumbnail size from any YouTube video in one click.The thumbnail downloader gives you every resolution the video publishes, which is what the facade needs. Sizing detail is in YouTube thumbnail size.
Embedding a channel or a playlist
Playlists use
/embed/videoseries?list=PLAYLIST_ID. There is no supported embed for a whole channel — the usual substitute is embedding the channel's uploads playlist, or building a feed:FreeMentioned in this article
YouTube RSS Feed GeneratorThe feed YouTube publishes for every channel, and links to from nowhere.How do I make a YouTube embed responsive?
Wrap the iframe in a container with
padding-top:56.25% and position the iframe absolutely inside it. That reserves 16:9 space at any width without JavaScript.What is youtube-nocookie.com?
YouTube's privacy-enhanced embed domain. It avoids setting cookies for tracking until the viewer actually starts playback.
Why does my timestamp not work in an embed?
Embeds use
start= in seconds; t= only works on watch and share links.Does modestbranding still work?
No. It was deprecated and no longer changes the player. Any guide still recommending it is out of date.
Generate the whole thing, parameters included, with the embed code generator.
Put it to work
Tools for the job you just read about
Free to run, most of them without an account.
FreeUtilities
YouTube Embed Code Generator
Embed code with the parameters that still work, and none that quietly do not.
Generate →
FreeImages & video
YouTube Thumbnail Downloader
Grab every thumbnail size from any YouTube video in one click.
Get the thumbnail →
FreeUtilities
YouTube RSS Feed Generator
The feed YouTube publishes for every channel, and links to from nowhere.
Generate →
FreePreviews
Google SERP Snippet Preview
See your title and description as a Google result — on a desktop and a phone.
Preview →5 runs
FreeUtilities
Social Media URL Cleaner
Strip the tracking off a link — and see what each parameter was telling somebody.
Clean →1 runs
FreeAnalytics & growth
Instagram Money Calculator
What to charge for a post — priced the way a brand actually prices it.
Calculate →
Keep reading
More from the blog
Search4 min read
How to Get the RSS Feed for a YouTube Channel
Every YouTube channel and playlist publishes an RSS feed. Here is the URL format, how to find the ID it needs, and what the feed does and does not include.
Search4 min read
How to Get an Instagram Embed Code
Instagram removed the embed button from the web interface, but the embed itself still works. Here is how to build the code from a post URL, in both forms.
Search5 min read
How to Embed a Social Media Post on Your Website
Every platform publishes embed code and most hide it. Here is where each one keeps it, when to use an iframe instead of a script, and what to do about consent.