Responsive
Paste a YouTube link to generate embed code for your website. Choose responsive or fixed sizing, privacy-enhanced mode, a start time, autoplay with mute, default captions, or looping, then copy the iframe.
How to embed a YouTube video
Embed options
Autoplay is paired with mute because most browsers block autoplay with sound.
The responsive option keeps a 16:9 frame that scales to any container, so the player never overflows on phones.
youtube-nocookie.com embeds avoid setting YouTube cookies until the visitor plays the video.
YouTube only loops a single embedded video when the playlist parameter is set to the same ID — the generator adds it for you.
Common questions
Responsive embeds, autoplay, and privacy mode.
Generate an iframe from the video link, then paste it into your page’s HTML or an HTML/embed block in your website builder. This tool creates the iframe with your chosen options.
Wrap the iframe in a container with a 16:9 aspect ratio and set the iframe to fill it. Select the responsive option and the generator writes that wrapper for you.
Browsers usually block autoplay with sound. Autoplay works reliably only when the video is muted, which is why the autoplay option also sets mute.
It serves the player from youtube-nocookie.com, which YouTube describes as not storing information about visitors on your site unless they play the video.
Embedding guide
An embed looks simple, but a handful of parameters, one privacy setting, and some sizing math decide whether it plays well on every screen. This guide covers the parameters worth knowing, how responsive sizing works, why an embed sometimes refuses to play, and how to keep video embeds from slowing a page down.
| Parameter | What it does | Watch out for |
|---|---|---|
| start | Begins playback a set number of seconds in | The player jumps to the nearest keyframe, so it can start up to about two seconds early |
| end | Stops playback at a set second | Counted from the beginning of the video, not from the start value |
| autoplay=1 | Starts the video when the page loads | Browsers usually require mute=1 too, and autoplayed embeds do not add to the view count |
| loop=1 | Replays the video when it ends | A single video only loops when playlist is set to the same video ID |
| controls=0 | Hides the player controls | Viewers lose the seek bar and volume control |
| cc_load_policy=1 | Shows captions by default | Add cc_lang_pref to choose the caption language |
| rel=0 | Limits suggestions at the end to the same channel | It cannot switch related videos off entirely |
| playsinline=1 | Plays inline instead of fullscreen on iOS | Useful for in-page players on iPhone |
A responsive embed fills the width of its container and sets the height from the video’s aspect ratio. The classic technique pads a wrapper by height divided by width, written as a percentage: 56.25% for a 16:9 video, 75% for 4:3, and 177.78% for a vertical 9:16 Short. Modern browsers can do the same job with the CSS aspect-ratio property.
| Video shape | Aspect ratio | Wrapper padding | CSS aspect-ratio |
|---|---|---|---|
| Standard video | 16:9 | 56.25% | 16 / 9 |
| Older 4:3 video | 4:3 | 75% | 4 / 3 |
| Vertical Short | 9:16 | 177.78% | 9 / 16 |
| Square video | 1:1 | 100% | 1 / 1 |
Privacy-enhanced mode loads the player from youtube-nocookie.com instead of youtube.com. YouTube says views in this mode are not used to personalize the viewer’s experience, either inside the embed or later on YouTube itself.
Turning it on only changes the domain in the embed URL, and the generator makes that switch for you when the option is selected.
Keep moving
Create watch links, HTML, and Markdown that start at a chosen time.
Open tool One clickCreate a channel link that opens YouTube’s subscribe confirmation.
Open tool HD imagesDownload every available thumbnail size from any public YouTube video or Short.
Open tool