This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

BJD Responsive iFrame

Description

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.

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
0

Here 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/ ).

Installation

Copy the whole ‘bjd-responsive-iframe’ folder to your wordpress plugins folder ‘wp-content/plug-ins’. Once the files are copied you will need to activate the plug-in from your wordpress administration dashboard ‘http:///wp-admin’. Once logged into your administrator dashboard choose ‘Plugins’ from the menu. Find ‘BJD Responsive iFrame’ in the list of plugins and click ‘Activate’ to activate the plugin.

Reviews

Nice to have

It works nice with wordpress and divi. we use it to run external private php-files with database-access and outputs in a iframe. this was our only solution 🙂
Read all 3 reviews

Contributors & Developers

“BJD Responsive iFrame” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0

  • This is the first stable release of the plugin.