YouTube Embed Code Generator
A simple tool made by wputopia.com
This tool is designed to help you easily transform standard YouTube video URLs or embed codes into responsive embed codes. A responsive embed ensures that your YouTube video looks great on all devices, adjusting its size dynamically to fit different screen widths.
🚀 Performance Optimized Embeds
This tool now generates lazy-loaded YouTube embeds that significantly improve your website's loading speed by:
- Loading only a lightweight thumbnail image initially
- Deferring the heavy iframe until user clicks to play
- Reducing initial page load time by up to 2-3 seconds per video
- Improving Core Web Vitals and SEO performance
Acceptable URLs:
You can use any of the following types of YouTube URLs with this tool:
- Standard YouTube watch URLs, e.g.,
https://www.youtube.com/watch?v=VqRBll5qPkM - Shortened YouTube URLs, e.g.,
https://youtu.be/VqRBll5qPkM - YouTube embed URLs, e.g.,
https://www.youtube.com/embed/VqRBll5qPkM - Youtube Shorts URLs, e.g.,
https://youtube.com/shorts/NjqLcbp_YH4 - Youtube default embed codes, e.g.,
<iframe width="560" height="315" src=
How to Use:
- Input: In the "Before" section, paste the YouTube video URL or embed code you wish to make responsive.
- Generate: Click the "Generate Responsive Embed" button to transform your input into a responsive embed code.
- Output: The "After" section will display the responsive embed code. You can copy this code and use it on your website to ensure your YouTube video embeds are fully responsive.
Enjoy making your YouTube embeds responsive and beautiful on all devices!