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

Automattic

leogermani

cgastrell

Renato Augusto Gama dos Santos

retrofox

Luiz Kowalski

nunyvega

Douglas Henri

dhasilva

<h3>AD-FREE, CUSTOMIZABLE VIDEO PLAYER FOR WORDPRESS</h3>
<p>With an immersive design, VideoPress is ideal for videographers, creators, filmmakers, educators, and bloggers seeking to upload high-quality videos with ease.</p>
<h4>Built for WordPress</h4>
<p>Take advantage of full integration with the best video hosting plugin created specifically for WordPress. Bring your ideas to the screen and save time by managing your videos in the same interface as your website. You can drag and drop videos directly into WordPress, and manage them in the media library.</p>
<h4>Ad-free videos offer a better experience</h4>
<p>Tired of video companies sending your customers to their app to view videos? Or worse, showing inappropriate ads to your site visitors? Our customizable video player for WordPress keeps people on your site so the spotlight is all yours. With VideoPress, you can avoid intrusive ads or imposing player branding.</p>
<h4>High-quality, lightning-fast video hosting</h4>
<p>Take the complexity out of self-hosting videos. VideoPress offers fully-hosted videos and a CDN to ensure instant video speed for your audience around the globe. With our powerful and reliable hosting infrastructure, you can provide your audience with fast-motion videos with 60 FPS and full 4K resolution.</p>
<h4>A complete video experience from the WordPress Editor</h4>
<p>With the <a href="https://jetpack.com/support/jetpack-videopress/add-video-block-editor/" rel="nofollow ugc">Jetpack VideoPress Block</a>, adding videos to your content has never been easier. This powerful tool lets you effortlessly insert videos straight from the WordPress Editor and comes packed with advanced features like subtitles, captions, chapters, private videos, and poster images.</p>
<ul>
<li>Adaptive Streaming – Videos play back faster by automatically adjusting video quality based on bandwidth and display size. The viewer can still choose the quality they’d like in the menu.</li>
<li>Reliable Global Hosting and Video CDN – Built on WordPress.com’s world-class cloud infrastructure, your videos are stored in multiple servers across the globe to ensure quick delivery no matter where your audience is.</li>
<li>Subtitles, Captions, and Chapters – Simply upload your text tracks via the VideoPress block and they will be available on the video as soon as you publish.</li>
<li>Progress Bar Color Match – The VideoPress seekbar now adapts its color to match the scenes in your videos. This makes your content really pop.</li>
<li>Optimized for mobile – Switch between mobile and desktop without missing a beat.</li>
<li>Picture-in-picture – Pop out the video from the web browser for easier viewing.</li>
<li>Unlimited Logins – Work with a team? We don’t charge per seat, so everyone that works on your site can have their own login.</li>
<li>High-Resolution Videos Up to 4K – Watch crisp images on any display and screen size. We’ve added video display for 1440p, 60 FPS, and full 4K resolution.</li>
<li>Ad-free video – Keep the spotlight on your content, not on ads you can’t control.</li>
</ul>
<h4>Your one-stop solution for video management</h4>
<p><a href="https://jetpack.com/support/jetpack-videopress/the-jetpack-videopress-dashboard/" rel="nofollow ugc">The VideoPress Dashboard</a> is a centralized space to upload and manage your video library. Filter your library by rating or privacy setting, view your library in multiple ways, and upload local videos to your Jetpack cloud library.</p>
<h3>WITH 💚 BY JETPACK</h3>


Jetpack VideoPress

It's so easy to host videos straight from the editor. Saves me a lot of time and I don't have to deal with YouTube.

Looks great and no ads

The finest video hosting for WordPress. Drag and drop videos through the WordPress editor and keep the focus on your content, not the ads.

iframe vs Jetpack VideoPress