// دریافت المان‌ها const items = document.querySelectorAll('.video-item'); const lightbox = document.getElementById('videoLightbox'); const iframe = document.getElementById('lightboxIframe'); const closeBtn = document.getElementById('closeLightbox'); // باز کردن لایت‌باکس با کلیک روی هر ویدیو items.forEach(item => { item.addEventListener('click', function() { const videoUrl = this.dataset.video; iframe.src = videoUrl; lightbox.classList.add('active'); document.body.style.overflow = 'hidden'; // جلوگیری از اسکرول }); }); // بستن لایت‌باکس function closeLightbox() { lightbox.classList.remove('active'); iframe.src = ''; // توقف پخش ویدیو document.body.style.overflow = ''; } closeBtn.addEventListener('click', closeLightbox); // بستن با کلیک روی فضای خالی لایت‌باکس lightbox.addEventListener('click', function(e) { if (e.target === this) { closeLightbox(); } }); // بستن با دکمه ESC document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeLightbox(); } });