https://mrc.org/themes/custom/mrccustom/js/front.js?tlu5m0

1// console.log("front herro");
2// // const soundBtn = document.getElementById('playSound')
3// const vidyaOverlay = document.querySelector('.hero--text')
4
5// const vidyaWrapper = document.querySelector('.hero--video')
6// const vidya = document.getElementById('sizzle')
7// vidyaOverlay.addEventListener('click', (e) => {
8//     vidyaOverlay.style.display = 'none'
9//     // vidya.removeAttribute("muted")
10// vidyaWrapper.classList.add('removeAfterPsuedo')
11//     vidya.setAttribute("controls","controls")
12//     vidya.muted = !vidya.muted;
13
14//     // vidya.
15// })
16
17let videoPopups = document.querySelectorAll(".video-popup");
18let videoModals = document.querySelectorAll(".video--bg");
19videoPopups.forEach((elem) => {
20    elem.addEventListener("click", (e) => {
21        const currBtn = e.currentTarget;
22        // console.log({ currBtn });
23        const currVid = currBtn.querySelector(".video--bg");
24
25        console.log({ target: e.target });
26        if (e.target.classList.contains("showModal") || e.target.classList.contains("video--bg--close")) {
27            console.log({ target: e.target });
28            currVid.classList.remove("showModal")
29            currVid.querySelector('video').pause()
30
31            // console.log('')
32        } else {
33            if (!currVid.classList.contains("showModal")) {
34                currVid.classList.add("showModal");
35                currVid.querySelector('video').play()
36            }
37        }
38    });
39});
40
41// const item = document.getElementById("mrcimpact");
42// item.addEventListener("click", (e) => {
43//     if (item.classList.contains("showModal")) {
44//         item.classList.remove("showModal");
45//     }
46// });
47
48// videoModals.forEach((elem) => {
49//     elem.addEventListener("click", (e) => {
50//         if (e.currentTarget.classList.contains("showModal")) {
51//             console.log("videoModal");
52//             console.log(e.currentTarget);
53//             e.currentTarget.classList.remove("showModal");
54//         }
55//     });
56// });