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/simple-youtube-embed-plugin/" rel="nofollow ugc">Simple YouTube Embed</a> plugin is the easiest way to embed YouTube videos in WordPress. This plugin extends the default YouTube embed with advanced player parameters.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/-8yCP-CnUSQ?version=3&rel=0&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>
Unlike other YouTube 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.
Simple YouTube Embed 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 YouTube embed has to offer. YouTube 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 YouTube video embed with no additional JavaScript code.</li>
<li>No setting to configure. Install, activate and start using it.</li>
<li>No YouTube API key needed.</li>
<li>Embed YouTube videos in WordPress with the YouTube block.</li>
<li>Automatically play a video.</li>
<li>Enable/Disable display of suggested videos when the video finishes.</li>
<li>Enable/Disable player controls.</li>
<li>Enable/Disable fullscreen.</li>
<li>Mute a YouTube Video.</li>
</ul>
<h3>Simple YouTube Embed Extensions</h3>
<ul>
<li><a href="https://noorsplugin.com/simple-youtube-embed-plugin/" rel="nofollow ugc">YouTube Advanced Parameters</a></li>
</ul>
<h3>How to Use the YouTube Embed Plugin in WordPress</h3>
Create a new post/page and add a YouTube block. Copy and paste the YouTube video URL into it. For example:
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g
</code></pre>
YouTube Video Autoplay
In order to automatically play a video you can add “autoplay=1” to your YouTube URL.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&autoplay=1
</code></pre>
Related YouTube Videos
In order to disable related videos from showing you can add “rel=0” to your YouTube URL.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&rel=0
</code></pre>
YouTube Video Controls
If you do not want to show player controls you can add “controls=0” to your YouTube URL.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&controls=0
</code></pre>
YouTube Video Fullscreen
If you do not want to allow fullscreen option in the player you can add “fs=0” to your YouTube URL.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&fs=0
</code></pre>
YouTube Video Mute
To start a video in the muted state you can add “mute=1” to your YouTube URL.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&mute=1
</code></pre>
YouTube Video Playlist
If you want to turn a video into a single-video playlist you can add “playlist=VIDEO_ID” to your YouTube URL.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&playlist=Vpg9yizPP_g
</code></pre>
YouTube Video IV Load Policy
To not show video annotations by default you can add “iv_load_policy=3” to your YouTube URL.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&iv_load_policy=3
</code></pre>
Video annotations are shown by default.
<h3>YouTube Advanced Parameters</h3>
With the Advanced Parameters extension you can use additional advanced parameters in your YouTube videos.
color
This parameter specifies the color that will be used in the player’s video progress bar to highlight the amount of the video that the viewer has already seen.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&color=white
</code></pre>
Valid parameter values are red and white, and, by default, the player uses the color red in the video progress bar.
Note: Setting the color parameter to white will disable the modestbranding option.
disablekb
Setting this parameter’s value to 1 causes the player to not respond to keyboard controls. The default value is 0.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&disablekb=1
</code></pre>
end
This parameter specifies the time, measured in seconds from the start of the video, when the player should stop playing the video. The parameter value is a positive integer.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&end=10
</code></pre>
The time is measured from the beginning of the video and not from the value of the start player parameter.
start
This parameter causes the player to begin playing the video at the given number of seconds from the start of the video. The parameter value is a positive integer.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&start=5
</code></pre>
loop
This parameter causes the video to play repeatedly. The parameter value is a positive integer (e.g. loop=”1″).
In order for the loop feature to work, the video needs to be turned into a single-video playlist as well.
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&playlist=Vpg9yizPP_g&loop=1
</code></pre>
For documentation please visit the <a href="https://noorsplugin.com/simple-youtube-embed-plugin/" rel="nofollow ugc">YouTube</a> plugin page

Simple YouTube Embed

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

Responsive iframe vs Simple YouTube Embed