32 - AdManager CreativeTemplate VideoIntro:EXTRA!

alexrah · alexrah · commit 0c4478cc0264 · 2022-01-25T21:43:25.000+01:00
add Cookie support to show the video only once every 30 minutes
diff --git a/32 - AdManager CreativeTemplate VideoIntro/index.html b/32 - AdManager CreativeTemplate VideoIntro/index.html
@@ -201,9 +201,34 @@ <h1>Main Content</h1>
     const eVideoContainer = document.querySelector('.intro-video-container');
     const eVideoPlayer = eVideoContainer.querySelector('video');
     const eVideoButton = eVideoContainer.querySelector('button');
+    const nCookieExpireMinutes = 30;
+    const sCookieExpireName = 'VNIntroVideo'
     let nCountDown = 6;
 
 
+    const getCookie = (name) => {
+      var nameEQ = name + "=";
+      var ca = document.cookie.split(';');
+      for(var i=0;i < ca.length;i++) {
+        var c = ca[i];
+        while (c.charAt(0)==' ') c = c.substring(1,c.length);
+        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+      }
+      return null;
+    }
+
+    if(getCookie(sCookieExpireName)){ return; }
+
+    const setCookie = (name,value,minutes) => {
+      var expires = "";
+      if (minutes) {
+        var date = new Date();
+        date.setTime(date.getTime() + (minutes*60*1000));
+        expires = "; expires=" + date.toUTCString();
+      }
+      document.cookie = name + "=" + (value || "")  + expires + "; path=/";
+    }
+
     const IntroVideoStartPlay = (event) => {
       console.log('can play!');
 
@@ -233,7 +258,7 @@ <h1>Main Content</h1>
       console.log(event.target);
       console.log('ToggleAudio');
       if(eVideoPlayer.volume === 0){
-        eVideoPlayer.volume = 0.1;
+        eVideoPlayer.volume = 0.2;
       } else {
         eVideoPlayer.volume = 0;
       }
@@ -271,11 +296,13 @@ <h1>Main Content</h1>
       window.open(sUrl,'_blank').focus();
     }
 
-    eVideoPlayer.addEventListener('canplaythrough',IntroVideoStartPlay)
-    // eVideoPlayer.addEventListener('pointerenter',IntroVideoToggleAudio);
-    // eVideoPlayer.addEventListener('pointerout',IntroVideoToggleAudio);
-    eVideoPlayer.addEventListener('ended',(e)=>{IntroVideoClose(e,2000)});
-    eVideoPlayer.addEventListener('click',IntroVideoFirstClick);
+      eVideoPlayer.addEventListener('canplaythrough',IntroVideoStartPlay)
+      eVideoPlayer.addEventListener('ended',(e)=>{IntroVideoClose(e,2000)});
+      eVideoPlayer.addEventListener('click',IntroVideoFirstClick);
+      // eVideoPlayer.addEventListener('pointerenter',IntroVideoToggleAudio);
+      // eVideoPlayer.addEventListener('pointerout',IntroVideoToggleAudio);
+
+      setCookie(sCookieExpireName,'true',nCookieExpireMinutes);
 
   }
 
