Stian Andreassen

<p>This plugin let’s you add a gallery of Vimeo-videos to your site, displaying thumbnails for each video. With <a href="https://wordpress.org/extend/plugins/thickbox/" rel="ugc">Thickbox</a>  or <a href="https://wordpress.org/extend/plugins/shadowbox-js/" rel="ugc">Shadowbox JS</a> installed you can chose to open videos in a box on your site, rather than going to Vimeo.com</p>
<p>To add a Vimeo SimpleGallery to a page or a post, simply use the following code:</p>
<pre><code>[vimeogallery]
<iframe loading="lazy" title="The Solo Adventures 2D" src="https://player.vimeo.com/video/14815990?dnt=1&app_id=122963" width="750" height="422" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>
<iframe loading="lazy" title="Brad Laner - Eyes Close" src="https://player.vimeo.com/video/13470805?dnt=1&app_id=122963" width="750" height="422" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>
<iframe loading="lazy" title="Umbra (HD - 2010)" src="https://player.vimeo.com/video/14844291?dnt=1&app_id=122963" width="750" height="422" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>
<iframe loading="lazy" title="ZEROING" src="https://player.vimeo.com/video/14736551?dnt=1&app_id=122963" width="750" height="422" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>
[/vimeogallery]
</code></pre>
<p>The plugin fetches titles from Vimeo automatically, as well as height and width for the video.</p>


Vimeo SimpleGallery

This plugin let's you add a gallery of Vimeo-videos to your site, displaying thumbnails for each video. With Thickbox  or Shadowbox JS installed  …

webvitalii

<ul>
<li><strong><a href="https://r.freemius.com/13759/8047958/" title="Advanced iFrame" rel="nofollow ugc">Advanced iFrame</a></strong></li>
<li><strong><a href="http://web-profile.net/wordpress/plugins/iframe/" title="Plugin page" rel="nofollow ugc">iframe</a></strong></li>
<li><strong><a href="http://web-profile.net/donate/" title="Support the development" rel="nofollow ugc">Donate</a></strong></li>
<li><strong><a href="https://github.com/webvitalii/iframe" title="Fork" rel="nofollow ugc">GitHub</a></strong></li>
</ul>
<p>[iframe src=”http://www.youtube.com/embed/7_nAZQt9qu0″ width=”100%” height=”500″] shortcode<br />
should show something like this:</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7_nAZQt9qu0?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></span>
<p>WordPress removes iframe html tags because of security reasons.<br />
Iframe shortcode is the replacement of the iframe html tag and accepts the same params as iframe html tag does.<br />
You may use iframe shortcode to embed content from YouTube, Vimeo, Google Maps or from any external page.</p>
<p>If you need to embed content from YouTube, Vimeo, SlideShare, SoundCloud, Twitter via direct link, you may use <code>[embed]http://www.youtube.com/watch?v=7_nAZQt9qu0[/embed]</code> shortcode.<br />
[embed] shortcode is a core WordPress feature and can <a href="https://codex.wordpress.org/Embeds" rel="nofollow ugc">embed content from many resources via direct link</a>.</p>
<p><strong>Important</strong>: You can not embed HTTP pages into HTTPS pages and vice versa.<br />
So the protocol (http or httpS) for parent and embedded page should match.</p>
<h4>iframe params:</h4>
<ul>
<li><strong>src</strong> – source of the iframe: <code>[iframe src="http://www.youtube.com/embed/7_nAZQt9qu0"]</code>; by default src=”http://www.youtube.com/embed/7_nAZQt9qu0″;</li>
<li><strong>width</strong> – width in pixels or in percents: <code>[iframe width="100%"]</code> or <code>[iframe width="600"]</code>; by default width=”100%”;</li>
<li><strong>height</strong> – height in pixels: <code>[iframe height="500"]</code>; by default height=”500″;</li>
<li><strong>scrolling</strong> – with or without the scrollbar: <code>[iframe scrolling="no"]</code>; by default scrolling=”yes”;</li>
<li><strong>frameborder</strong> – with or without the frame border: <code>[iframe frameborder="0"]</code>; by default frameborder=”0″;</li>
<li><strong>marginheight</strong> – height of the margin: <code>[iframe marginheight="0"]</code>; removed by default;</li>
<li><strong>marginwidth</strong> – width of the margin: <code>[iframe marginwidth="0"]</code>; removed by default;</li>
<li><strong>allowtransparency</strong> – allows to set transparency of the iframe: <code>[iframe allowtransparency="true"]</code>; removed by default;</li>
<li><strong>id</strong> – allows to add the id of the iframe: <code>[iframe id="custom_id"]</code>; removed by default;</li>
<li><strong>class</strong> – allows to add the class of the iframe: <code>[iframe class="custom_class"]</code>; by default class=”iframe-class”;</li>
<li><strong>style</strong> – allows to add the css styles of the iframe: <code>[iframe style="margin-left:-30px;"]</code>; removed by default;</li>
<li><strong>same_height_as</strong> – allows to set the height of iframe same as target element: <code>[iframe same_height_as="div.sidebar"]</code>, <code>[iframe same_height_as="div#content"]</code>, <code>[iframe same_height_as="body"]</code>, <code>[iframe same_height_as="html"]</code>; removed by default;</li>
<li><strong>any_other_param</strong> – allows to add new parameter of the iframe <code>[iframe any_other_param="any_value"]</code>;</li>
<li><strong>any_other_empty_param</strong> – allows to add new empty parameter of the iframe (like “allowfullscreen” on youtube) <code>[iframe any_other_empty_param=""]</code>;</li>
</ul>


iframe

[iframe src="http://www.youtube.com/embed/7_nAZQt9qu0" width="100%" height="500"] shortcode

Vimeo SimpleGallery vs iframe