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

wpacho

<p>Embed youtube, vimeo or google maps using this responsive and fast loading iframe.</p>
<h4>Features</h4>
<ul>
<li>Fully Responsive and Interactive.</li>
<li>Lazy Load.</li>
<li>Additional Parent class.</li>
<li>Custom Width and Height.</li>
<li>Enable or Disable for Login users.</li>
<li>Add to Widget.</li>
<li>Add to Post Content(Media button).</li>
</ul>
<h4>Shortcode Attributes</h4>
<ul>
<li>src ( src=” ” )</li>
<li>width ( width=”” )</li>
<li>height ( height=”” )</li>
<li>class ( class=”” )</li>
<li>login ( login=”true or false” ) – If “true” then only logged in users can view the iframe. If “false” or (empty) then all users can view the iframe.</li>
</ul>
<h4>Contact</h4>
<p>While using this plugin if you find any bug or conflict, let us know at <a href="https://wpacho.com/contact/" rel="nofollow ugc">Contact</a> .</p>
<h4>Links</h4>
<ul>
<li><a href="https://wpacho.com/?donate=yes" rel="nofollow ugc">Donate</a> .</li>
</ul>


iframe – Responsive, Lazy Load

Fully interactive and fast loading iframe.

SB-ResponseFrame vs iframe – Responsive, Lazy Load