Listener('click', function (e) {
e.preventDefault();
const dataset = e.target.dataset.modal;
const modal = document.getElementById(dataset)
if (modal) {
modal.classList.add('c-modal-active');
}
})
}
}
const modals = document.querySelectorAll('.c-modal');
const modalsClose = document.querySelectorAll('.c-modal-close');
const video = document.getElementById("info_video");
function stopVideo(){
video.pause();
video.currentTime = 0;
}
for (let modal of modals) {
modal.addEventListener('click', element => {
element.target.classList.remove('c-modal-active');
stopVideo();
})
}
for (let modalClose of modalsClose) {
for (let modalClose of modalsClose) {
modalClose.addEventListener('click', element => {
modals.forEach((item) => {
item.classList.remove('c-modal-active');
});
stopVideo();
})
}
}