Merge pull request #38 from customgento/DEV-1111-fix-blocked-video-styles

Allow local videos, DEV-1111

Author: iranimij

view/frontend/web/js/slide-widget-mixin.js

@@ -8,11 +8,30 @@ define([
     'use strict';
 
     return function (originalWidget) {
+        function isSupportedVideoPlatform(url) {
+            if (!url) {
+                return false;
+            }
+            
+            // Regex patterns for supported video platforms
+            const youtubePattern = /^https?:\/\/(www\.)?(youtube\.com|youtu\.be)\//i;
+            const youtubeNocookiePattern = /^https?:\/\/(www\.)?youtube-nocookie\.com\//i;
+            const vimeoPattern = /^https?:\/\/(www\.)?(vimeo\.com|player\.vimeo\.com)\//i;
+            
+            return youtubePattern.test(url) || 
+                   youtubeNocookiePattern.test(url) || 
+                   vimeoPattern.test(url);
+        }
+
         return function (config, element) {
             const videoElement = element[0].querySelector('[data-background-type=video]');
             const blockVideoConsentConfig = window.cookiebotConfig && window.cookiebotConfig.blockVideosUntilConsent;
+            const videoSrc = videoElement.getAttribute('data-video-src');
+            const cookieblockSrc = videoElement.getAttribute('data-cookieblock-src');
+            const src = videoSrc || cookieblockSrc;
             let previousStatus = '';
-            if (!videoElement || !blockVideoConsentConfig) {
+            
+            if (!videoElement || !blockVideoConsentConfig || !isSupportedVideoPlatform(src)) {
                 originalWidget(config, element);
                 return;
             }
@@ -23,7 +42,7 @@ define([
             addEventListener('CookiebotOnLoad', sliderVideoBlocker);
 
             function sliderVideoBlocker() {
-                if (previousStatus === 'blocked' && !Cookiebot?.consent?.marketing) {
+                if (previousStatus === 'blocked' && (!Cookiebot?.consent?.marketing)) {
                     return;
                 }