ladislav.soukup

This is simple shortcode to embed responsive iframe to your post. Iframe will hold the specified ratio when page is rescaled.
[rframe ratio=”16×9″ src=”http://flixel.com/player/snqi608mlq1h98w5p9jy” width=”60%” /]
<h4>How it Works</h4>
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.
<h4>Credit</h4>
Thanks to Masau ( http://jsfiddle.net/Masau/7WRHM/ ) for the “trick”.

SB-ResponseFrame

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

Greg Ross

A quick and easy shortcode to embed iframe’s that resize to the content of the remote site.
Auto iFrame shortcode is in the format of:
<pre><code>[auto-iframe link=xxx tag=xxx width=xxx height=xxx autosize=yes/no]
</code></pre>
Where:
<ul>
<li>link = the url of the source for the iFrame. REQUIRED.</li>
<li>tag = a unique identifier in case you want more than one iFrame on a page. Default = auto-iframe.</li>
<li>width = width of the iFrame (100% by default). Can be % or px. Default = 100%.</li>
<li>height = the initial height of the iframe (100% by default). Can be % or px. Default = 100%.</li>
<li>autosize = enable the auto sizing of the iFrame based on the content. The initial height of the iFrame will be set to “height” and then resized. Default = true.</li>
<li>fudge = a fudge factor to apply when changing the height (integer number, no “px”). Default = 50.</li>
<li>border = enable the border on the iFrame. Default = 0.</li>
<li>scroll = enable the scroll bar on the iFrame. Default = no.</li>
<li>query = pass the parent’s page query string to the iFrame. Default = no.</li>
</ul>
Note: Auto re-sizing of the iFrame for cross domain sites does not work, this is a security protection provided by the browser and there is no way around it.
Now supports (Shortcode UI)[https://github.com/fusioneng/Shortcake] (aka Shortcake)!

Auto iFrame

A quick and easy shortcode to embed iframe's that resize to the content of the remote site.

SB-ResponseFrame vs Auto iFrame