YouTube Video Embed Responsive Generator
Use our responsive YouTube embed generator to create iframe code from a video URL. Set size, preview the embed, then copy the code fast.
Enter the Details
RESULT:
What this tool does
To put a YouTube video on your own website, you need a snippet of embed code. This tool builds that code for you, with switches for the options people usually want, like autoplay, captions, and a set start and end time, and it adds a touch of styling so the video shrinks to fit smaller screens instead of overflowing them.
How to use it
Paste the YouTube video URL, set the width and height or pick an aspect ratio, and tick the options you want. Add a start or end time in seconds if you only want part of the video. Then copy the generated <iframe> code and paste it into your web page wherever the video should appear. It drops straight into your HTML.
How it works
The tool reads the video's ID from the link you paste and wraps it in an <iframe>, the standard element for embedding one page inside another. Your choices are added to the video's address as small settings the YouTube player understands, and if you pick an aspect ratio, the width is worked out from your height to keep the shape correct. A max-width of 100% is included so the frame scales down on narrow screens rather than spilling past the edge.
The options, and which ones still do anything
The ones that genuinely work are the most useful: start and end time to play just a clip, autoplay, captions, fullscreen, and the width, height, and aspect-ratio controls that size the player.
In the interest of being straight with you, a couple of the switches are leftovers from older YouTube. Show annotations no longer does anything, because YouTube retired annotations years ago, and show title and uploader is similarly ignored now, since YouTube removed that control from embeds. The related videos setting still exists but is limited: YouTube no longer lets you switch off suggested videos entirely, only narrow them. None of this breaks your embed; those toggles simply have little or no effect. To grab the video's thumbnail as well, the thumbnail downloader is the companion tool.
Questions people ask
Where do I paste the embed code?
Into the HTML of your web page, at the spot where you want the video to show. The generated <iframe> is self-contained, so it works as soon as the page loads.
What makes it responsive?
The code includes a max-width of 100%, so the player scales down to fit the space on smaller screens rather than overflowing. Setting an aspect ratio keeps its shape as it resizes.
Can I show only part of a video?
Yes. Enter a start time, an end time, or both in seconds, and the player will begin and stop at those points.
Why does autoplay sometimes not start?
Most browsers block autoplay with sound. An autoplaying embed usually needs to be muted to start on its own, which is a browser rule rather than something the code controls.
Ryanne Natalia is a social media strategist, recipe developer, and content creator based in Indonesia, with experience in short form video, social media management, and brand collaborations. As a Silver Award winner at SIAL Innovation 2018, she brings both content and audience insight to digital workflows. At Eon Tools, she reviews social and entertainment tools.