`; }; window.addEventListener('scroll', () => { const { scrollTop, scrollHeight, clientHeight } = document.documentElement; if (scrollTop + clientHeight >= scrollHeight - 200) { loadMore(); } }); loadMore(); }); } /* Reels Video Popup */ function createPopupVideo(videoSrc, videoCover, videoTitle) { const popupOverlay = document.createElement('div'); popupOverlay.classList.add('popup-video-overlay'); const popupVideo = document.createElement('div'); popupVideo.classList.add('popup-video'); popupVideo.innerHTML = `
×
`; const closeButton = popupVideo.querySelector('.close-button'); closeButton.addEventListener('click', function () { popupOverlay.style.display = 'none'; popupOverlay.remove(); popupVideo.style.display = 'none'; popupVideo.remove(); }); popupOverlay.addEventListener('click', function () { popupOverlay.style.display = 'none'; popupOverlay.remove(); popupVideo.style.display = 'none'; popupVideo.remove(); }); document.body.appendChild(popupOverlay); document.body.appendChild(popupVideo); return { overlay: popupOverlay, video: popupVideo }; } const reelsPopups = document.querySelectorAll('[data-video-type="reels"]'); if (reelsPopups.length > 0) { reelsPopups.forEach(function (reelsPopup) { reelsPopup.addEventListener('click', function () { const videoId = this.dataset.videoId; const videoCover = this.dataset.videoCover; const videoTitle = this.dataset.videoTitle; const videoSrc = `https://drive.google.com/file/d/${videoId}/preview`; const popupVideo = createPopupVideo(videoSrc, videoCover, videoTitle); }); }); } /* Fancybox Settings */ Fancybox.bind("[data-fancybox]", {});