https://menspractice.org/wp-content/plugins/greet-bubble-pro/assets/js/greet-main.js?ver=1.0.0

1
2  "use strict";
3      let greetWrapper = document.getElementById("greet_wrapper");
4      let greetVideo = document.getElementById("greet_video");
5      let greetToggler = document.querySelector(".greet_toggler");
6      let greetFullPlay = document.getElementById("greet_full-play");
7      let greetFullReplay = document.getElementById("greet_full-replay");
8      let greetFullVolume = document.getElementById("greet_full-volume");
9      let greetFullMute = document.getElementById("greet_full-mute");
10      let greetFullExpand = document.getElementById("greet_full-expand");
11      let greetFullBtn = document.getElementById("greet_full-btn");
12      let greetText = document.getElementById("greet_text");
13      let greetClose = document.querySelector(".greet_close")
14      let greetFullClose = document.querySelector(".greet_full-close")
15      let video = document.getElementById("playVideo");
16
17      greetVideo.autoplay = true;
18      greetVideo.muted = true;
19      greetVideo.loop = true;
20      greetFullExpand.addEventListener("click", () => {
21        greetVideo.requestFullscreen()
22      })
23
24      // Pause video on borwser tab switch
25      if(frontend_scripts.pause_on_switch) {
26      document.addEventListener("visibilitychange", () => {
27        if(document["hidden"]) {
28          greetVideo.pause()
29        } else {
30          greetVideo.play()
31        }
32      })
33    }
34
35      // REPLAY GREET
36      greetFullReplay.addEventListener("click", () => {
37        greetVideo.currentTime = 0;
38      })
39      // VOLUME UP
40      greetFullVolume.addEventListener("click", () => {
41        greetFullMute.style.display = "flex";
42        greetFullVolume.style.display = "none";
43        greetVideo.muted = true;
44      });
45      // VOLUME MUTE
46      greetFullMute.addEventListener("click", () => {
47        greetFullVolume.style.display = "flex";
48        greetFullMute.style.display = "none";
49        greetVideo.muted = false;
50      });
51      // VIDEO PLAY
52      greetFullPlay.addEventListener("click", () => {
53        greetVideo.play();
54        greetFullPlay.style.display = "none";
55        greetWrapper.classList.toggle("play-video");
56      });
57      // CLOSE TOTAL GREET
58      greetClose.addEventListener("click", () => {
59        greetWrapper.style.display = "none";
60      });
61
62      // CLOSE FULL GREET
63
64        greetFullClose.addEventListener("click", () => {
65        greetWrapper.classList.remove("greet_wrapper-full");
66        greetWrapper.classList.remove("play-video");
67        greetVideo.muted = true;
68        greetVideo.play();
69        greetFullBtn.style.display = "none";
70      });
71      // OPEN FULL GREET
72      const videoModal = () => {
73        if(!greetWrapper.classList.contains('greet_wrapper-full')){
74          greetVideo.currentTime = 0;
75        }
76        greetWrapper.classList.add("greet_wrapper-full");
77        greetWrapper.classList.toggle("play-video");
78        greetVideo.muted = false;
79       
80        greetFullMute.style.display = "none";
81        greetFullVolume.style.display = "flex";
82        if (greetWrapper.classList.contains("play-video")) {
83          greetVideo.play();
84          greetFullPlay.style.display = "none";
85        } else {
86          greetVideo.pause();
87          greetFullPlay.style.display = "flex";
88        }
89        greetFullBtn.style.display = "block"
90      };
91      
92      greetVideo.addEventListener("click", () => {
93        videoModal()
94      });
95      greetText.addEventListener("click", () => {
96        videoModal()
97      })
98
99      
100      /* change video start */
101      function videoChange(videoUrl) {
102        video.setAttribute("src", videoUrl);
103        greetVideo.load();
104        greetVideo.play();
105      }
106
107      // ON SCROLL SIZE CHANGE
108      window.addEventListener("scroll", function (event) {
109        let scroll = scrollY;
110        if (scroll > 1) {
111          greetWrapper.classList.add("greet_wrapper-resize");
112        } else {
113          greetWrapper.classList.remove("greet_wrapper-resize");
114        }
115});