Responsive iFrames for WordPress.
| Author: | B.J de Haan Solutions (profile at wordpress.org) |
| WordPress version required: | 3.0.1 |
| WordPress version tested: | 4.2.2 |
| Plugin version: | 1.0.0 |
| Added to WordPress repository: | 19-05-2015 |
| Last updated: | 19-05-2015
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, %: | 74 |
| Rated by: | 3 |
| Plugin URI: | http://codecanyon.net/user/BJD-Solutions?ref=... |
| Total downloads: | 6 278 |
| Active installs: | 200+ |
 Click to start download |
|
This WordPress plugin allows you to use responsive frames in your posts, pages or templates. Implemented via shortcode our responsive iFrames are simple and easy to use. Make sure your iFrames display correctly and adapt to different screen sizes and orientations.
Adding an iFrame to WordPress
Adding a responsive iFrame is simple. A small amount of shortcode is all that is required. The shortcode can be added to a post, a page or a wordpress template. Here is a simple example: [bjd-responsive-iframe src="https://www.youtube.com/embed/UZr75lLiE6k"] This will create a responsive iframe for a youtube video. the 'src' attribute is required. Other optional attributes are also available.
Attribute Description Example src The source url for the iframe. https://www.youtube.com/embed/UZr75lLiE6k id Sets an id attribute for the iframe youtubeVideo name Sets a name attribute for the iframe Example width Sets the width attribute for the iframe 420 height Sets the height attribute for the iframe 300 frameborder Sets the frameborder attribute for the iframe 0 scrolling Sets the scrolling attribute for the iframe yes OR no marginheight Sets the marginheight attribute for the iframe 0 marginwidth Sets the marginwidth attribute for the iframe 0Here is a more complicated example: [bjd-responsive-iframe src="https://www.youtube.com/embed/UZr75lLiE6k" id="youtubeVid" name="youtubeVid" width="560" height="315" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" ]
Demo
A demonstration for the plugin working on wordpress 3 can be found here ( http://www.bj-dehaan-solutions.com.au/demos/wordpress3/responsive-iframe-demo/ ). A demonstration for the plugin working on wordpress 4 can be found here ( http://www.bj-dehaan-solutions.com.au/demos/wordpress4/responsive-iframe-demo/ ).