WordPress.org

Ready to get started?Download WordPress

Plugin Directory

SB-ResponseFrame

This is simple shortcode to embed responsive (fixed-ratio) iframes

This is simple shortcode to embed responsive iframe to your post. Iframe will hold the specified ratio when page is rescaled.

[rframe ratio="16x9" src="http://flixel.com/player/snqi608mlq1h98w5p9jy" width="60%" /]

How it Works

DIV block with specified width is creted. Inside is transparent PNG file with specifed ratio scaled to 100% width and height set to auto. This image will scale the main DIV to size with correct ratio. Embeded IFRAME is then set to fill the wrapper DIV, so it is scaled with the image. Image is created on the fly via PHP and inserted as inline image directly to src attribute of img tag.

Credit

Thanks to Masau ( http://jsfiddle.net/Masau/7WRHM/ ) for the "trick".

Requires: 3.3.1 or higher
Compatible up to: 3.7.1
Last Updated: 2013-11-1
Downloads: 373

Ratings

4 stars
4 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.