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

Vlad

<p>While being tailored for <a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD Video Hosting</a> users, the plugin should work<br />
with any video which can be embedded via an iframe. Simply set the width and height attributes to fit<br />
your video’s format and you’re all set!</p>
<p><a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> users can get a shortcode link with all of the required parameters<br />
automatically though the <a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> CMS.</p>
<p><a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> users also get additional options such as playlist embeds and popup embeds.</p>
<h4>Shortcode examples:</h4>
<p>[iplayerhd src=”https://www.youtube.com/watch?v=dQw4w9WgXcQ”] – by omitting width and height parameters the video is embedded in 16:9 format</p>
<p>[iplayerhd src=”//iplayerhd.com/player/video/5ae4df93-5734-4e29-9f2e-15ff9056b7e4?cbartype=auto” width=”1024″ height=”768″]</p>
<h4>Shortcode parameters:</h4>
<ul>
<li><strong>src</strong> – source of the iframe, defaults to: http://iplayerhd.com/player/video/5ae4df93-5734-4e29-9f2e-15ff9056b7e4?cbartype=auto</li>
<li><strong>width</strong> – width of video in pixels, defaults to 640 – if the video is in 16:9 format you can omit this parameter</li>
<li><strong>height</strong> – height of video in pixels, defaults to 360 – if the video is in 16:9 format you can omit this parameter</li>
<li><strong>popup</strong> – <strong>for <a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> users only</strong> – embeds a thumbnail which opens the video in a lightbox-style popup, defaults to ‘false’</li>
<li><strong>player-mode</strong> – <strong>for <a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> users only</strong> – possible values: ‘video’, ‘playlistRight’, ‘playlistBottom’ – user for embedding iPlayerHD playlists, defaults to ‘video’</li>
</ul>


Free Responsive iframe Video Embeds

Use the [iplayerhd] shortcode to easily add responsive iframe-based video embeds to your website (YouTube, Vimeo, iPlayerHD and more...)

SB-ResponseFrame vs Free Responsive iframe Video Embeds