Team exovia

You want to embed YouTube videos on your website and ensure that the data protection regulations according to GDPR are complied with? Our new plugin offers you a solution for exactly this!
With our YouTube DSGVO plugin, you can display YouTube videos on your website for free and in compliance with data protection laws. Instead of loading the videos directly, a colored placeholder of your choice is displayed first. By adding your own words, this becomes an attractive interaction area for your visitors.
Only when your visitors click on one of the consent buttons, a connection to the YouTube server is established and data is transferred to YouTube. Then the desired video is loaded and can be played.
Both the placeholder and the YouTube video are mobile-optimized and automatically adapt to the display size. You can also assign a maximum width to both elements to achieve the best possible visual result.
With our plugin, you protect the privacy of your visitors while taking advantage of videos for your website success.
Want a live demo? Then feel free to visit the following article. There we have integrated a YouTube video of ours with our DSGVO plugin in a data protection compliant manner and go into more detail on the topic of data protection and YouTube: <a href="https://www.exovia.de/journal/wordpress-youtube-dsgvo-konform/" rel="nofollow ugc">YouTube DSGVO konform einbinden</a>.
YOUR 6 EASY TODOS FOR 1 VIDEO
<ol>
<li>Install and activate the plugin “exovia YouTube DSGVO”.</li>
<li>Go to youtube.com, find the video you want to embed in your website and click on it</li>
<li>Click on share and then on embed</li>
<li>Embed the copied HTML code into the YouTube Fallback Iframe field in your plugin settings</li>
<li>Adjust the colors and sizes of “exovia YouTube DSGVO” to match your color scheme, web design and website terms. Simply from your WP backend.</li>
<li>Use the shortcode: <code>[exovia-dsgvo-youtube-video]</code> anywhere on your website where you want your video to appear – e.g. on the blog, on your about page – or even directly on your homepage.</li>
</ol>
4 SIMPLE STEPS FOR YOUR 2ND OR 50TH VIDEO 
Extended Shortcode Example: 
 <code>[exovia-dsgvo-youtube-video iframe='&lt;iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/qqobbcK0R-o?start=32" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen&gt;&lt;/iframe&gt;' layer_bg_color='#f88379' button_bg_color='#8379f8' layer_bg_image_id="11"]</code> 
1. Copy the extended shortcode above and place it on your website where you want your video to appear. 
1. Go to youtube.com, find the video you want to embed in your website, and click on it. 
1. Click “Share” and then click “Embed.” 
1. Replace the iframe in the extended shortcode you copied before with the new iframe code.
WHAT THE PLUGIN DOES FOR YOU
<ul>
<li>Until the user’s consent has been explicitly given, it prevents the connection to YouTube’s servers (GDPR) and thus protects the privacy of your visitors.</li>
<li>Thanks to an adjustable level, it reserves space for the video until it is loaded, thus stabilizing the design and impact of your website.</li>
<li>Based on your color and size wishes, it ensures that your placeholder automatically adapts to your layout.</li>
<li>The extended shortcode makes it possible to embed different videos in a privacy-compliant way and to style them differently or add different text if you wish.</li>
<li>Whether Classic Editor or Block Editor (Gutenberg): the plugin is compatible with both and makes sure that your settings are accepted and realized.</li>
<li>It works well with ACF and Carbon Fields</li>
<li>You have a multilingual site? The plugin works in all languages and can be designed and re-written for specific pages. We will start working on the German translation after approval, and other languages will follow.</li>
<li>It provides a required link to the YouTube / Google terms of use and</li>
<li>offers a simple and advanced short code that allows you to use the secure videos anywhere.</li>
</ul>
WHAT THE PLUGIN IS NOT FOR
<ul>
<li>Handling Videos form different platforms (Sorry. But feel free to let us know if there is interest. If enough people get together we will adapt or write a new plugin).</li>
<li>Saving users content settings in web databases. Last but not least, this is why the plugin is simple and secure.</li>
</ul>
Shortcode parameter 
* title (string) 
* iframe (string from youtube embed) 
* button_title (string) 
* button_title_all (string) 
* layer_text (string) 
* anchor_text (string) 
* layer_bg_image_id (integer — WordPress attachment ID used as placeholder background image) 
* layer_bg_color (css color, hex) 
* button_bg_color (css color, hex) 
* font_color (css color, hex) 
* enable_info_box (true or false) 
* show_load_all_button (true or false) 
* info_box_text (string)
BUGS & FEEDBACK 
Your feedback is important to us. If you find mistakes, have wishes, ideas or suggestions, please send us an e-mail to kontakt@exovia.de.
This plugin was developed with love by our Hamburg-based web design agency exovia.
Legal notice (German): <a href="https://www.exovia.de/impressum/" rel="nofollow ugc">www.exovia.de/impressum/</a>
You are free to use it on any website across countries to protect the privacy of your users.
Note: Of course, activating this plugin cannot guarantee that your website is completely compliant with the GDPR. When using Google Analytics or Facebook pixels, for example, other or additional measures must be taken.
<h3>Development and Build Tools</h3>
If you want to view the complete source code, including the <code>src</code> files, build tools, and test tools, you can do so on <a href="https://github.com/Fritze1602/exovia-youtube-dsgvo-wordpress-plugin" rel="nofollow ugc">GitHub</a>.
After cloning the repository, you can install the necessary modules by running <code>npm install</code> in the base directory. Developers can then use <code>npm run dev</code> for development mode and <code>npm run build</code> for production builds. The correct proxy can be set in the <code>webpack.config.js</code>.
This provides complete transparency of the functionality and source code, giving developers the opportunity to customize and enhance the plugin.
We welcome feedback and contributions from the developer community.
<h3>Privacy and Data Usage</h3>
This plugin connects to YouTube to embed videos in a GDPR-compliant manner. When a user interacts with the video, a connection to YouTube’s servers (https://www.youtube-nocookie.com) is established, and data may be transmitted.
Third-Party Service: 
– YouTube: This plugin uses YouTube’s no-cookie iframe embed to display the fallback videos. By clicking on the video, users agree to YouTube’s privacy policy and terms of use. 
– No-Cookie Domain for fallback video: <a href="https://www.youtube-nocookie.com/embed/FQnEL7pqo40" rel="nofollow ugc">https://www.youtube-nocookie.com</a> 
– Privacy Policy: <a href="https://policies.google.com/privacy" rel="nofollow ugc">YouTube Privacy Policy</a> 
– Terms of Service: <a href="https://www.youtube.com/static?template=terms" rel="nofollow ugc">YouTube Terms of Service</a>

exovia YouTube DSGVO

exovia YouTube DSGVO enables you to integrate YouTube Videos in a privacy compliant manner that respects the privacy of your visitors.

fdfranklin06

Video Embed Optimizer is all about pure performance and fully responsive video embeds. Most users will embed a YouTube or Vimeo video without realizing it slows down their website. The slowness comes from the “ready to play” player loaded by embedding YouTube of Vimeo videos using their suggested iframe embed. With multiple videos or even one on your webpage, you could be significantly reducing the page load time. In a side by side test using GTMetrix, Video Embed Optimizer saved 602KB off of the page size as well as increased the page load time by 5 milliseconds.
Take a look for yourself:
<a href="http://www.eric-franklin.media/veo/page-speed-scores.png" rel="nofollow ugc">GTMetrix Speed Test</a>
Video Embed Optimizer comes with a quick way to drop your YouTube or Vimeo link in using a new button added to the editor page.
Features:
<ul>
<li>Quick and easy video embed button for YouTube and Vimeo videos added to the editor page.</li>
<li>Auto adjusts videos to be fully responsive.</li>
<li>Significantly reduces page load timew while embedding a YouTube of Vimeo video.</li>
</ul>
Credits:
<ul>
<li>The code behind the plugin was written by Jesse Schoberg and all information about the code can be found here on <a href="http://schoberg.net/2015/08/fast-agile-youtube-embed-responsive-iframe-load-delay-with-jquery/" rel="nofollow ugc">his blog</a>. I simply added a Vimeo feature and turned it into a WordPress plugin.</li>
<li>Plugin Icon: Video Checked by Hea Poh Lin from the Noun Project</li>
</ul>

Video Embed Optimizer

Greatly increases your page speed while embedding a YouTube or Vimeo video. Automatically makes videos 100% responsive.

exovia YouTube DSGVO vs Video Embed Optimizer