patrickpelayo

<p>A Responsive Iframe that will resize itself to its parent element.</p>
<h4>Instructions</h4>
<h4>Install</h4>
<p>The <em>plugin manager</em> is located on the <em>administration page</em>. From the <em>administration page</em> in the left side bar click <em>Plugins</em>. From the top of the page click <em>add new</em>.</p>
<p>Install the plugin thru the <em>plugin manager</em>, or upload it as a zip file into the <em>plugin manager</em>.</p>
<h4>Use</h4>
<ul>
<li>
<p><strong>Apply responsive iframe</strong><br />
Create a post like you normally would and then click the + icon displayed to <em>Add block</em>. Find <em>Responsive iframes</em> and click it.<br />
By default your current website will be displayed in the iframe.</p>
</li>
<li>
<p><strong>Block Settings</strong><br />
Site Address – The url address of the website you want to iframe<br />
Width –  This represents the actual width you want to display from the iframed website.<br />
Height – This represents the actual height you want to display from the iframed website.<br />
Scrollbar – Displays a scroll bar if the height,and width are smaller than the iframe website.<br />
Border – Dislays a default border around the iframe element.<br />
Scale – This will change the max-width percentage of the iframe’s parent element, it will allow the element to be scaled by size.<br />
Additional CSS – Any additional CSS will be applied to the iframe’s parent element. Use this to provide some additional styling.</p>
</li>
<li>
<p><strong>BreakPoints</strong><br />
Available under advanced settings, and will let you specify the width of the site to display depending on the width of the device.<br />
Multiple breakpoints can be used. The lowest BreakPoint Width will take effect over any higher BreakPoint Widths when the screen device is below or at its BreakPoint Width.<br />
Example Breakpoint 1 250px, Breakpoint 2 350px. A device with a screen width of 250px will only trigger Breakpoint 1. ScreenWidth 251px, will only trigger BreakPoint 2.<br />
Name – The name you wish to give the breakpoint<br />
BreakPoint Width – At and below this width, this breakpoint is triggered.<br />
Site Width – This is the width of the website to display when the breakpoint is triggered</p>
</li>
</ul>


Responsive iframe

Lets you place Iframes into your posts that will resize dynamically to maintain the same apperance.

wpacho

<p>Embed youtube, vimeo or google maps using this responsive and fast loading iframe.</p>
<h4>Features</h4>
<ul>
<li>Fully Responsive and Interactive.</li>
<li>Lazy Load.</li>
<li>Additional Parent class.</li>
<li>Custom Width and Height.</li>
<li>Enable or Disable for Login users.</li>
<li>Add to Widget.</li>
<li>Add to Post Content(Media button).</li>
</ul>
<h4>Shortcode Attributes</h4>
<ul>
<li>src ( src=” ” )</li>
<li>width ( width=”” )</li>
<li>height ( height=”” )</li>
<li>class ( class=”” )</li>
<li>login ( login=”true or false” ) – If “true” then only logged in users can view the iframe. If “false” or (empty) then all users can view the iframe.</li>
</ul>
<h4>Contact</h4>
<p>While using this plugin if you find any bug or conflict, let us know at <a href="https://wpacho.com/contact/" rel="nofollow ugc">Contact</a> .</p>
<h4>Links</h4>
<ul>
<li><a href="https://wpacho.com/?donate=yes" rel="nofollow ugc">Donate</a> .</li>
</ul>


iframe – Responsive, Lazy Load

Fully interactive and fast loading iframe.

Responsive iframe vs iframe – Responsive, Lazy Load