Responsive sites are a must with the numerous screens sizes out there. That makes it even more important now than ever to ensure every element on your page is responsive — including iframes.
Embedding responsive iframes (e.g. iframes that keep their aspect ratio) is a cinch to setup, but if you’re looking for a quick copy/paste, use the responsive iframe generator below.
Responsive iframe Generator
This simple responsive iframe generator demonstrates the intrinsic ratio technique. Simply enter the URL of the iframe you want to embed, select the aspect ratio, then copy and paste the code.