New: Add option to use the no cookie domain from youtube (default to …

…true)
jonnitto · Jul 9, 2024 · 382b2b3 · 382b2b3
1 parent 0672463
commit 382b2b3
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 4 deletions.
diff --git a/Configuration/Settings.Jonnitto.yaml b/Configuration/Settings.Jonnitto.yaml
@@ -60,6 +60,9 @@ Jonnitto:
       fallbackAspectRatio: '16 / 9'
 
     YouTube:
+      # Use the no cookie domain (https://www.youtube-nocookie.com) for youtube
+      useYoutubeNoCookieDomain: true
+
       # Set to false to disable the gdpr message, set to popup open the video in a new window or set to true to show the message in the player
       gdprHandling: true
 

diff --git a/Resources/Private/Assets/Plugins/YouTube.js b/Resources/Private/Assets/Plugins/YouTube.js
@@ -13,7 +13,7 @@ export default function (Alpine) {
 
 function handeleRoot({ element, Alpine, options }) {
     const type = 'YouTube';
-    let { video, playlist, style, slim, loop } = options;
+    let { video, playlist, style, slim, loop, noCookie } = options;
 
     const videoPlayerOptions = {
         playerVars: {
@@ -27,6 +27,10 @@ function handeleRoot({ element, Alpine, options }) {
         },
     };
 
+    if (noCookie) {
+        videoPlayerOptions.host = 'https://www.youtube-nocookie.com';
+    }
+
     if (video) {
         videoPlayerOptions.videoId = video;
     }

diff --git a/Resources/Private/Fusion/Presentation/Components/Iframe.fusion b/Resources/Private/Fusion/Presentation/Components/Iframe.fusion
@@ -16,6 +16,7 @@ prototype(Jonnitto.PrettyEmbed:Presentation.Iframe) < prototype(Neos.Fusion:Comp
         aspectRatio = ${PropTypes.anyOf(PropTypes.string, PropTypes.float, PropTypes.integer)}
         setAspectRatioClass = ${PropTypes.boolean}
         preserveAspectRatio = ${PropTypes.boolean}
+        useYoutubeNoCookieDomain = ${PropTypes.boolean}
         fallbackAspectRatio = ${PropTypes.anyOf(PropTypes.string, PropTypes.float, PropTypes.integer)}
         controls = ${PropTypes.boolean}
         lightbox = ${PropTypes.boolean}
@@ -80,7 +81,8 @@ prototype(Jonnitto.PrettyEmbed:Presentation.Iframe) < prototype(Neos.Fusion:Comp
                     playlist: props.playlistID || null,
                     slim: !props.controls || null,
                     style: props.lightbox && 'lightbox' || null,
-                    loop: props.loop || null
+                    loop: props.loop || null,
+                    noCookie: props.useYoutubeNoCookieDomain || null
                 })}
                 x-prettyembedyoutube.@if={props.player== 'YouTube' && !props._alwaysOpenInPopup}
                 aria-label={props.label}

diff --git a/Resources/Private/Fusion/Presentation/YouTube.fusion b/Resources/Private/Fusion/Presentation/YouTube.fusion
@@ -6,4 +6,5 @@ prototype(Jonnitto.PrettyEmbed:Presentation.YouTube) < prototype(Jonnitto.Pretty
     lightbox = ${Configuration.setting('Jonnitto.PrettyEmbed.YouTube.lightbox')}
     preserveAspectRatio = ${Configuration.setting('Jonnitto.PrettyEmbed.YouTube.preserveAspectRatio')}
     fallbackAspectRatio = ${Configuration.setting('Jonnitto.PrettyEmbed.YouTube.fallbackAspectRatio')}
+    useYoutubeNoCookieDomain = ${Configuration.setting('Jonnitto.PrettyEmbed.YouTube.useYoutubeNoCookieDomain')}
 }
diff --git a/Resources/Public/Modules/YouTube.js b/Resources/Public/Modules/YouTube.js