🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A super tiny (1kb) jQuery plugin which auto resizes your iframe elements while keeping the regular aspect ratio to fit the current browser size on window load and resize.

IFrame responsive-iframe

Documentation

jquery.responsiveiframes

Make all your Iframes responsive, no hassle.

Add <script type="text/javascript" src="jquery.responsiveiframes-min.js"></script> to your code, and all your <iframe>s will become responsive.
Yes, this includes Youtube embeds.

If there's a specific Iframe that you'd like to leave untouched - you can give it the class "no-aspect-ratio".


You May Also Like