Embed Code Generator
Wrap any URL in a responsive iframe embed snippet.
Responsive embed code
Paste a URL above to generate the snippet…About this tool
A raw iframe has a fixed pixel height, so it either letterboxes on desktop or overflows on mobile. This generator wraps it in the aspect-ratio padding trick — a positioned container whose height is a percentage of its own width — so the embed keeps its proportions at every screen size.
Paste a URL, pick a ratio, and copy the snippet. It is plain HTML and CSS with no dependencies, so it drops into a CMS block, a landing page, or a docs site without a script tag.
Common questions
Why is my iframe not responsive by default?
width="100%" scales the width but height stays whatever you hardcoded, so the frame stops matching its content as the viewport changes. The fix is a wrapper with padding-bottom set to a percentage of the width and the iframe positioned absolutely inside it, which is what this generator emits.
Which aspect ratio should I use?
16:9 suits product video and most screen recordings. 4:3 fits older screenshots and some app UIs. If you are embedding a full page rather than a video, a taller ratio usually looks better than cropping.
Why does the page I embedded refuse to load?
Many sites send X-Frame-Options or a Content-Security-Policy frame-ancestors header that blocks framing entirely. That is set by the destination site, so no embed code can override it — you can only embed URLs that permit it.
Related tools
Turn it into an interactive demo
createademo turns screenshots and recordings into demos your buyers click through themselves. Free plan, full editor, no credit card.