Ssebuwufu Moses

Eco-Shield is the ultra-lightweight solution for faster, greener, and more private WordPress sites.
Standard YouTube and Vimeo embeds are heavy. A single video embed can load over 1.7MB of extra scripts and track your users before they even click play. This hurts your PageSpeed Score, increases bounce rates, and violates strict privacy laws like GDPR.
Eco-Shield fixes this automatically.
It replaces heavy external iframes with a locally hosted, optimized WebP image. The heavy video player (and its tracking cookies) is only loaded when your visitor explicitly clicks “Play.”
<h3>🚀 New in Version 1.3.0 (The Engagement Update)</h3>
We have transformed Eco-Shield from a simple caching tool into a full Video Experience Suite.
Lightbox Mode: Optionally open videos in a beautiful, dimmed popup overlay. This “Cinema Mode” eliminates distractions and keeps users focused entirely on your content.
Engagement Analytics: Stop guessing! See exactly how many users are clicking “Play” on your videos directly from your Dashboard Widget.
Strict Privacy Mode: Add a custom text overlay (e.g., “Click to load content from YouTube”) to the thumbnail. Perfect for strict GDPR/DSGVO compliance in Germany and the EU.
Custom Branding: Ditch the standard YouTube Red. Change the “Play Button” color to match your brand identity.
Smart Data Controls: Easily reset your analytics data from the settings page when you are ready to start a new campaign.
<h3>⚡ Why Eco-Shield?</h3>
Maximum Performance 
* Zero Bloat: We don’t use heavy libraries. The plugin is ultra-lightweight (<10KB) so your site loads instantly. 
* Instant Loading: Uses modern browser technology to load images only when they are on screen (Lazy Loading). 
* Automatic Optimization: Automatically converts video thumbnails into super-small WebP images to save disk space and bandwidth. 
* Smart Caching: Includes a “Purge” button in the Admin Toolbar to instantly refresh thumbnails if you change a video.
Better User Experience 
* YouTube Shorts Support: Automatically detects Shorts and displays them in a sleek, vertical player. 
* Smart Deep-Linking: Timestamps (start at 1:30) and Playlists work perfectly out of the box. 
* Custom Brand Colors: Use the color picker to style the Play Button to match your website’s theme. 
* Cinema Mode: Toggle between standard inline play or a focused popup player.
Privacy & Security 
* GDPR/DSGVO Compliance: No tracking cookies or 3rd-party connections are made until the user clicks “Play.” 
* Privacy Text Overlay: Optional legal text overlay on thumbnails to inform users before they click. 
* RSS & Email Protection: Automatically falls back to a static image link in RSS feeds and Emails (preventing broken iframes in Outlook/Gmail).
Analytics & Insights 
* Engagement Tracking: Counts total video plays across your site. 
* Carbon Calculator: Tracks how much data (MB) and CO2 you have saved the planet. 
* Dashboard Widget: View your impact stats at a glance.
<h3>🛡️ Comprehensive Protection</h3>
Eco-Shield automatically detects and optimizes:
<ul>
<li>YouTube Shorts: Displays Shorts in vertical mode.</li>
<li>Gutenberg Blocks: Core YouTube and Vimeo blocks.</li>
<li>Auto-Embeds: Plain URLs pasted into the editor.</li>
<li>Legacy Iframes: Hard-coded iframes from YouTube and Vimeo.</li>
<li>Widgets & Sidebars: Protects videos in Sidebars and Custom HTML widgets.</li>
<li>RSS Feeds: Smart fallback ensures emails never show broken video players.</li>
</ul>

Eco-Shield

Boost PageSpeed, reduce carbon footprint, and track engagement by replacing YouTube & Vimeo embeds with a smart, privacy-focused static player.

webvitalii

<ul>
<li><a href="https://r.freemius.com/13759/8047958/" title="Advanced iFrame" rel="nofollow ugc">Advanced iFrame</a></li>
<li><a href="http://web-profile.net/wordpress/plugins/iframe/" title="Plugin page" rel="nofollow ugc">iframe</a></li>
<li><a href="http://web-profile.net/donate/" title="Support the development" rel="nofollow ugc">Donate</a></li>
<li><a href="https://github.com/webvitalii/iframe" title="Fork" rel="nofollow ugc">GitHub</a></li>
</ul>
[iframe src=”http://www.youtube.com/embed/7_nAZQt9qu0″ width=”100%” height=”500″] shortcode 
should show something like this:
<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>
WordPress removes iframe html tags because of security reasons. 
Iframe shortcode is the replacement of the iframe html tag and accepts the same params as iframe html tag does. 
You may use iframe shortcode to embed content from YouTube, Vimeo, Google Maps or from any external page.
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. 
[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>.
Important: You can not embed HTTP pages into HTTPS pages and vice versa. 
So the protocol (http or httpS) for parent and embedded page should match.
<h4>iframe params:</h4>
<ul>
<li>src – 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>width – width in pixels or in percents: <code>[iframe width="100%"]</code> or <code>[iframe width="600"]</code>; by default width=”100%”;</li>
<li>height – height in pixels: <code>[iframe height="500"]</code>; by default height=”500″;</li>
<li>scrolling – with or without the scrollbar: <code>[iframe scrolling="no"]</code>; by default scrolling=”yes”;</li>
<li>frameborder – with or without the frame border: <code>[iframe frameborder="0"]</code>; by default frameborder=”0″;</li>
<li>marginheight – height of the margin: <code>[iframe marginheight="0"]</code>; removed by default;</li>
<li>marginwidth – width of the margin: <code>[iframe marginwidth="0"]</code>; removed by default;</li>
<li>allowtransparency – allows to set transparency of the iframe: <code>[iframe allowtransparency="true"]</code>; removed by default;</li>
<li>id – allows to add the id of the iframe: <code>[iframe id="custom_id"]</code>; removed by default;</li>
<li>class – allows to add the class of the iframe: <code>[iframe class="custom_class"]</code>; by default class=”iframe-class”;</li>
<li>style – allows to add the css styles of the iframe: <code>[iframe style="margin-left:-30px;"]</code>; removed by default;</li>
<li>same_height_as – 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>any_other_param – allows to add new parameter of the iframe <code>[iframe any_other_param="any_value"]</code>;</li>
<li>any_other_empty_param – 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

Eco-Shield vs iframe