const modal = document.getElementById('modal');
const videos = document.querySelectorAll('.popup'); // ここは動画を示す要素に適したセレクタに変更してください
const modalVideo = document.getElementById('modalVideo');
const closeSpan = document.getElementById('close'); // 閉じるボタンの処理は既に設定されているとします

for (let video of videos) {
    video.onclick = function() {
        modal.style.opacity = "1";
        modal.style.visibility = "visible";
        console.log(this.src)
        modalVideo.src = this.src; // ここで直接クリックされたvideoのsrcを取得
        modalVideo.load(); // 新しいソースを読み込む
        modalVideo.play(); // 動画を再生
    }
}

closeSpan.onclick = function() {
    modal.style.opacity = "0";
    modal.style.visibility = "hidden";
    modalVideo.pause(); // モーダルを閉じると動画を停止
}

window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.opacity = "0";
        modal.style.visibility = "hidden";
        modalVideo.pause(); // モーダルを閉じると動画を停止
    }
};