ladislav.soukup

<p>This is simple shortcode to embed responsive iframe to your post. Iframe will hold the specified ratio when page is rescaled.</p>
<p>[rframe ratio=”16×9″ src=”http://flixel.com/player/snqi608mlq1h98w5p9jy” width=”60%” /]</p>
<h4>How it Works</h4>
<p>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.<br />
Embeded IFRAME is then set to fill the wrapper DIV, so it is scaled with the image.<br />
Image is created on the fly via PHP and inserted as inline image directly to src attribute of img tag.</p>
<h4>Credit</h4>
<p>Thanks to Masau ( http://jsfiddle.net/Masau/7WRHM/ ) for the “trick”.</p>


SB-ResponseFrame

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

Scott (@scottsweb)

<p>Fillet adds a new IFrame button to the toolbar in the WordPress visual editor. By using a <a href="https://codex.wordpress.org/Shortcode" rel="nofollow ugc">shortcode</a>, it allows for safer, responsive and future proof embeds.</p>
<p>The chosen width and height for an IFrame embed is converted into a ratio which is used to scale your embeds across different devices.</p>
<p><a href="http://scott.ee/" title="WordPress web design Hampshire" rel="nofollow ugc">a plugin by Scott Evans</a></p>


fillet

Safely embed responsive IFrames in the WordPress text editor.

SB-ResponseFrame vs fillet