BenJD

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. 
 <iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/UZr75lLiE6k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></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/ ).

BJD Responsive iFrame

Greg Ross

A quick and easy shortcode to embed iframe’s that resize to the content of the remote site.
Auto iFrame shortcode is in the format of:
<pre><code>[auto-iframe link=xxx tag=xxx width=xxx height=xxx autosize=yes/no]
</code></pre>
Where:
<ul>
<li>link = the url of the source for the iFrame. REQUIRED.</li>
<li>tag = a unique identifier in case you want more than one iFrame on a page. Default = auto-iframe.</li>
<li>width = width of the iFrame (100% by default). Can be % or px. Default = 100%.</li>
<li>height = the initial height of the iframe (100% by default). Can be % or px. Default = 100%.</li>
<li>autosize = enable the auto sizing of the iFrame based on the content. The initial height of the iFrame will be set to “height” and then resized. Default = true.</li>
<li>fudge = a fudge factor to apply when changing the height (integer number, no “px”). Default = 50.</li>
<li>border = enable the border on the iFrame. Default = 0.</li>
<li>scroll = enable the scroll bar on the iFrame. Default = no.</li>
<li>query = pass the parent’s page query string to the iFrame. Default = no.</li>
</ul>
Note: Auto re-sizing of the iFrame for cross domain sites does not work, this is a security protection provided by the browser and there is no way around it.
Now supports (Shortcode UI)[https://github.com/fusioneng/Shortcake] (aka Shortcake)!

Auto iFrame

A quick and easy shortcode to embed iframe's that resize to the content of the remote site.

BJD Responsive iFrame vs Auto iFrame