This is simple shortcode to embed responsive (fixed-ratio) iframes
| Author: | Ladislav Soukup (ladislav.soukup@gmail.com) (profile at wordpress.org) |
| WordPress version required: | 3.3.1 |
| WordPress version tested: | 3.7.36 |
| Plugin version: | 1.0.0 |
| Added to WordPress repository: | 31-10-2013 |
| Last updated: | 01-11-2013
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 80 |
| Rated by: | 1 |
| Plugin URI: | http://git.ladasoukup.cz/sb-responseframe |
| Total downloads: | 1 406 |
| Active installs: | 10+ |
 Click to start download |
|
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%” /]
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”.
ChangeLog