document.addEventListener('DOMContentLoaded', function() { const modal = document.getElementById('videoModal'); const videoContainer = document.getElementById('videoContainer'); const closeModal = document.querySelector('.close'); const thumbnails = document.querySelectorAll('.grid-image'); thumbnails.forEach(thumbnail => { thumbnail.addEventListener('click', function(e) { e.preventDefault(); // Prevent default link behavior const videoUrl = this.getAttribute('data-video'); videoContainer.innerHTML = ``; modal.style.display = 'block'; }); }); closeModal.addEventListener('click', function() { modal.style.display = 'none'; videoContainer.innerHTML = ''; // Clear video when closing }); // Close modal when clicking outside window.addEventListener('click', function(e) { if (e.target === modal) { modal.style.display = 'none'; videoContainer.innerHTML = ''; } }); });