const modal = document.getElementById("videoModal");
const btn = document.getElementById("openBtn");
const close = document.getElementById("closeBtn");
const video = document.getElementById("youtubeVideo");
// Open modal using anchor tag
btn.onclick = (event) => {
event.preventDefault(); // Prevents the page from jumping or navigating
modal.style.display = "flex";
};
// Close modal & stop video (by resetting src)
close.onclick = () => {
modal.style.display = "none";
let videoSrc = video.src;
video.src = videoSrc; // Stops the video from playing in the background
};
// Close when clicking outside the box
window.onclick = (event) => {
if (event.target == modal) {
modal.style.display = "none";
video.src = video.src;
}
};