✦ Free Tool by Dan Addison

Responsive YouTube
iFrame Generator

Instantly turn any YouTube embed into a perfectly responsive video that looks great on phones, tablets, and desktops.

Paste your YouTube embed code

Your Responsive Code

How to Use This Tool

Getting a responsive YouTube embed takes about 60 seconds. You need the full iframe embed code from YouTube.

Get Your Embed Code from YouTube
On any YouTube video, click Share → Embed. Copy the full <iframe> code.

Paste It Into the Tool
Paste the code above and click Generate Responsive iFrame.

Copy the Generated Code
Copy the full code (HTML + CSS) with one click.

Paste Into Your Website
Drop it into your site — it will scale beautifully on every device.

Why Your iFrame Needs a Responsive Wrapper

A default YouTube embed uses fixed dimensions. On mobile devices this causes horizontal scrolling and broken layouts. Our tool uses the proven CSS padding-bottom aspect ratio technique to create a fluid, responsive container.

📐

Works with Any iFrame
YouTube, Vimeo, Loom, Wistia, Google Maps — everything.

🎨

Keep CSS in One Place
Move the CSS to your main stylesheet for multiple videos.

📱

Mobile-First Design
Tested to look perfect on all screen sizes.

⚡

Pure CSS — No JavaScript
Lightweight, fast, and compatible with every website builder.

Frequently Asked Questions

Where do I find my YouTube embed code?

Go to any YouTube video → click Share → Embed → copy the full iframe code.

Does this work with Vimeo and other platforms?

Yes! It works with any iframe embed (Vimeo, Wistia, Loom, etc.).

What if my video is not 16:9?

Change padding-bottom: 56.25% to your desired ratio (e.g. 75% for 4:3).

Is this tool completely free?