No cookie YouTube in background videos

So you now basically state that Enfold is NOT GDPR-compliant! Are you aware of this? Unless YouTube embeds are not supposed to be a part of Enfold elements anymore of course.

All you need to do is to allow no cookie domains from YouTube in the various elements where you can add videos by link, like background sections or the video element. You really tell us to rely on a half baked idea by mentioning YouTube videos in the privacy policy only, which clearly isn’t compliant?

Can the Kriesi team please reconsider asap? Thanks and have a good weekend everyone.

• This reply was modified 5 years, 11 months ago by TF_Photography.

NO COOKIES VIDEOS EMBED IN ENFOLD
Hi, the best simple solution for now It’s embed no cookies version of youtube video:
<iframe width=”560″ height=”315″ src=”https://www.youtube-nocookie.com/embed/YOUR-VIDEO-REFERENCE?rel=0&#8243; frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>
then make responsive youtube embed video.
Simple way to make this is add in your custom CSS:
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
and cleary add to video

<div class=”videoWrapper”><iframe width=”560″ height=”315″ src=”https://www.youtube-nocookie.com/embed/YOUR-VIDEO-REFERENCE?rel=0&#8243; frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe></div>

Some video embedding use old school nested object and embed tags. It’s old school and no standard, but this technique was very widely used and it just worked.
Object/embed suffers from the same problem that iframes do, the width and height are required:
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
}
.videoWrapper object,
.videoWrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
——————————————————————————————————
P.S.
The above technique is good, but it has several possible limitations:
1) It requires wrapper element
2) All old videos need HTML adjustments
3) All videos need to be the same aspect ratio.
Otherwise they’ll be forced into a different aspect ratio and you’ll get the “bars”. Or, you’ll need a toolbox of class names you can apply to adjust it which is an additional complication

Best practice is consider a JavaScript solution! How to work:
when the page loads all videos are looked at and their aspect ratio is saved.
Once right away, and whenever the window is resized, all the videos are resized to fill the available width and maintain their aspect ratio
Using the jQuery JavaScript Library:
// Find all YouTube videos
var $allVideos = $(“iframe[src^=’//www.youtube.com’]”),
// The element that is fluid width
$fluidEl = $(“body”);
// Figure out and save aspect ratio for each video
$allVideos.each(function() {
$(this)
.data(‘aspectRatio’, this.height / this.width)
// and remove the hard coded width/height
.removeAttr(‘height’)
.removeAttr(‘width’);
});
// When the window is resized
$(window).resize(function() {
var newWidth = $fluidEl.width();
// Resize all videos according to their own aspect ratio
$allVideos.each(function() {
var $el = $(this);
$el
.width(newWidth)
.height(newWidth * $el.data(‘aspectRatio’));
});
// Kick off one resize to fix all videos on page load
}).resize();

Adding Vimeo
Vimeo uses iframes too, so what works for YouTube will work for Vimeo. The HTML/CSS technique doesn’t need any alteration at all, and the jQuery solution could be fixed changing a single line:

var $allVideos = $(“iframe[src^=’//player.vimeo.com’], iframe[src^=’//www.youtube.com’]”),

This solution could be used by the developers and integrated into the theme.
I did it and it works perfectly.
Lion

• This reply was modified 5 years, 11 months ago by lion73.

@L+T

for color section try:

<div class=”videoWrapper”><iframe width=”100%” height=”100%” src=”https://www.youtube-nocookie.com/embed/YOUR-VIDEO-REFERENCE?rel=0&#8243; frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe></div>

Clearly the content of the page must be long enough to engage the video height.

Lion

Basilis: Stop making legally binding statements here that are not true.

A follow-up instruction “Oh, your data has now landed on Google…But next time, next time you can’t allow this by opting out” is as pointless as a goiter and penetrate and trampling the GDPR with your feet.

https://www.frag-einen-anwalt.de/forum_topic.asp?topic_id=312040