patrickpelayo

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

Responsive iframe

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

Noor Alam

<a href="https://noorsplugin.com/embed-for-vimeo-wordpress-plugin/" rel="nofollow ugc">Embed for Vimeo</a> plugin is the easiest way to embed Vimeo videos in WordPress. This plugin extends the default Vimeo embed with advanced player parameters.
Unlike other Vimeo plugins, It doesn’t replace your on-page video embed code with JavaScript/HTML code. Loading a video with JavaScript doesn’t provide any video SEO benefit as a search engine crawler will only see some code instead of the actual video object.
Embed for Vimeo is easy to use because there is no setting to configure. It uses the oEmbed API so your videos will be responsive and provide all the benefits that core WordPress Vimeo embed has to offer. Vimeo videos on your website will continue to work even if you choose to deactivate the plugin.
<h3>Features</h3>
<ul>
<li>Responsive and mobile friendly.</li>
<li>Proper Vimeo video embed with no additional JavaScript code.</li>
<li>No setting to configure. Install, activate and start using it.</li>
<li>No Vimeo API key needed.</li>
<li>Embed Vimeo videos in WordPress with the Vimeo block.</li>
<li>Enable/Disable airplay.</li>
<li>Enable/Disable autopause.</li>
<li>Enable/Disable cc (closed captions).</li>
<li>Enable/Disable byline (author name).</li>
<li>Enable/Disable video title display.</li>
</ul>
<h3>How to Use Embed for Vimeo</h3>
Create a new post/page and add a Vimeo block. Copy and paste the Vimeo video URL into it. For example:
<pre><code>https://vimeo.com/1084536
</code></pre>
airplay
To disable AirPlay in the player you can add “airplay=false” to your Vimeo URL.
<pre><code>https://vimeo.com/1084536?airplay=false
</code></pre>
autopause
This argument is enabled by default which pauses the current video when another Vimeo video on the same page starts to play. To permit simultaneous playback of all the videos on the page you can add “autopause=false” to your Vimeo URL.
<pre><code>https://vimeo.com/1084536?autopause=false
</code></pre>
byline
If you do not want to display the author name in the player, add “byline=false” to your Vimeo URL.
<pre><code>https://vimeo.com/1084536?byline=false
</code></pre>
title
If you do not want to display the video title in the player, add “title=false” to your Vimeo URL.
<pre><code>https://vimeo.com/1084536?title=false
</code></pre>
cc
This argument is enabled by default which enables closed captions in the player. To disable closed captions you can add “cc=false” to your Vimeo URL.
<pre><code>https://vimeo.com/1084536?cc=false
</code></pre>
This option has no effect if your video does not have captions or subtitles.
<h3>How to Add Multiple Arguments</h3>
You can add multiple arguments to your Vimeo URL with &.
<pre><code>https://vimeo.com/1084536?autopause=false&byline=false
</code></pre>
For a single argument ? needs to be used.
<h3>Embed for Vimeo Add-ons</h3>
<ul>
<li><a href="https://noorsplugin.com/embed-for-vimeo-wordpress-plugin/" rel="nofollow ugc">Advanced Parameters</a></li>
</ul>
<h3>Documentation</h3>
For documentation please visit this <a href="https://noorsplugin.com/embed-for-vimeo-wordpress-plugin/" rel="nofollow ugc">Vimeo plugin page</a>

Embed for Vimeo

Embed Vimeo videos in WordPress beautifully. Embed video with a URL or shortcode and customize the Vimeo player using this Vimeo embed plugin.

Responsive iframe vs Embed for Vimeo