📺 YouTube Embed Code Generator

What is the YouTube Embed Code Generator?

A YouTube embed is an iframe element that loads the YouTube player from youtube.com inside your own web page. Instead of sending visitors away to watch a clip, you keep them on your page while the video streams from YouTube servers, which means no bandwidth or storage cost for you. The embed code is just a small block of HTML, and this YouTube embed code generator writes that block for you so you do not have to remember the exact syntax or the long list of player parameters.

Every YouTube video has an 11-character video ID. In a normal watch link like youtube.com/watch?v=dQw4w9WgXcQ the ID is the part after v=. Short links use youtu.be/dQw4w9WgXcQ, Shorts use youtube.com/shorts/ID, and an existing embed uses youtube.com/embed/ID. The generator reads the ID out of any of these formats automatically, so you can paste whatever link you have on hand and it still works. The embed itself always points at https://www.youtube.com/embed/ plus that ID.

The player is configured with query parameters added to the embed URL. Autoplay (autoplay=1) starts the video as soon as the page loads, mute (mute=1) is required for autoplay to work in most modern browsers, loop (loop=1 together with playlist=ID) replays the clip when it ends, start sets the number of seconds to begin playback at, and controls=0 hides the play bar for a cleaner look. The generator assembles these for you and shows the finished embed youtube video code in the box below the preview.

There are two common layouts. A fixed-size embed uses width and height attributes in pixels, which is fine when you know the exact space you have. A responsive YouTube embed wraps the iframe in a padded container that holds a 16:9 aspect ratio, so the video scales to fill its column on desktop and shrinks neatly on phones without leaving black bars or overflowing the screen. For most blogs and modern themes the responsive option is the safer default, and this is the mode the YouTube embed code generator selects out of the box.

The code produced here is plain, standards-based HTML. It uses the standard allow attribute (covering fullscreen, picture-in-picture and encrypted media), allowfullscreen so viewers can expand the player, and a referrerpolicy that matches what YouTube ships in its own Share menu. You can paste it into a raw HTML block in WordPress, Webflow, Ghost, a static site, an email template that supports iframes, or any CMS that accepts custom HTML. Nothing is uploaded and nothing leaves your browser, so the tool is private and works offline once loaded.

When to use it

• Adding a tutorial or product demo video to a blog post or landing page without sending readers off to YouTube.
• Building a responsive YouTube embed that scales cleanly on mobile, tablet and desktop layouts.
• Creating an autoplay, muted hero video for the top of a marketing page.
• Linking a viewer to a specific moment by setting a custom start time in seconds.
• Generating a clean, controls-hidden background-style player for a portfolio or kiosk screen.
• Quickly grabbing valid iframe code when a CMS strips the player you copied from elsewhere.

How to use the YouTube Embed Code Generator

1. Paste your YouTube link (watch, youtu.be, Shorts or embed format) or the bare 11-character video ID into the URL box.
2. Choose a layout: leave Responsive ticked for a 16:9 scaling embed, or untick it to enter a fixed width and height in pixels.
3. Toggle the options you want: autoplay, mute, loop, hide controls, or set a start time in seconds.
4. Watch the live preview to confirm the player looks and behaves the way you expect.
5. Click Copy code to copy the iframe embed code to your clipboard.
6. Paste the code into a raw HTML block on your page, then publish.

Formula & method

Worked examples

YouTube embed parameters this generator can add

Supported URL formats and where the video ID sits

Common mistakes to avoid

• Expecting autoplay to work without mute. Chrome, Safari, Firefox and Edge block autoplay with sound. If you want the video to start on its own, tick both Autoplay and Mute, otherwise the browser will silently refuse to play it.
• Trying to loop without a playlist parameter. A single video will not loop with loop=1 alone. YouTube requires playlist=VIDEO_ID set to the same ID for one video to repeat. This generator adds that for you when Loop is ticked.
• Using watch?v= or youtu.be links directly in the iframe. The iframe src must use the /embed/ path, not a watch or short link. Pasting a watch URL straight into an iframe shows an error. The tool converts the link into the correct embed URL automatically.
• Setting a fixed width that overflows on mobile. A hard-coded width like 800 can push past the screen on phones and break your layout. Use the Responsive option, or keep the width at or below your content column width, so the embed never overflows.
• Pasting the embed into a visual editor that escapes the HTML. Many editors show the raw code as text instead of rendering it. Switch to the code, HTML or custom-HTML block of your CMS before pasting, or the iframe will appear as plain text on the page.

Glossary

Embed

Placing a YouTube player inside your own web page using an iframe, so the video plays without leaving your site.

iframe

An HTML element that loads another page (here, the YouTube player) inside a box on your page.

Video ID

The unique 11-character code that identifies a YouTube video, found after v= in a watch link.

Embed URL

The youtube.com/embed/ID address the iframe loads, with any player options added as query parameters.

Responsive embed

A layout that keeps a 16:9 aspect ratio and scales the player to fit any screen width.

Aspect ratio

The width-to-height proportion of the video; standard YouTube videos are 16:9, which equals 56.25 percent padding.

Query parameter

A name=value pair added after a ? in the URL, such as autoplay=1, that configures the player.

allowfullscreen

An iframe attribute that lets viewers expand the YouTube player to fill the screen.

Frequently asked questions