const modal = document.getElementById('ov-videoModal'); const mainArea = document.getElementById('et-main-area'); mainArea.after(modal); function showModal() { modal.style.display = 'flex'; void modal.offsetWidth; modal.classList.add('ov-active'); } function closeModal() { modal.classList.add('ov-closing'); modal.classList.remove('ov-active'); setTimeout(() => { modal.classList.remove('ov-closing'); modal.style.display = 'none'; const iframes = modal.getElementsByTagName('iframe'); for(let iframe of iframes) { if(iframe.src.includes('vimeo') && iframe.src.includes('autoplay=1')) { iframe.src = iframe.src.replace('autoplay=1', 'autoplay=0'); } else if(iframe.src.includes('youtube.com')) { const videoBox = iframe.closest('.et_pb_video_box'); if(videoBox && videoBox.nextElementSibling && videoBox.nextElementSibling.classList.contains('et_pb_video_overlay')) { let currentSrc = iframe.src; currentSrc = currentSrc.replace(/&?autoplay=1/, ''); iframe.src = currentSrc; videoBox.nextElementSibling.style.display = 'block'; videoBox.nextElementSibling.style.opacity = '1'; } else { const currentSrc = iframe.src; iframe.src = currentSrc; } } else { const currentSrc = iframe.src; iframe.src = currentSrc; } } }, 300); } setTimeout(showModal, 5000); modal.addEventListener('click', function(e) { if (e.target === this) { closeModal(); } }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeModal(); } });