Пауза видео (ы), когда лайтбокс закрыт - Javascript

Question

У нас есть несколько videos на нашей веб-странице, большинство видео появляется в light box, когда мы смотрим на video и решило закрыть его мы подключены вверх javascript событие который будет срабатывать, когда пользователь закрывает световой блок, то, что мы пытаемся достичь, - это когда пользователь щелкает близко, мы хотим соединить все videos, которые находятся на странице, и приостанавливать данный, который сейчас играет, потому что это потому, что несмотря на то, что light box закрыт, видео продолжает воспроизводиться.

Это то, что я до сих пор:

window.addEventListener("click", function(e) { 
    if (e.target.className.indexOf("close") != -1) { 

     var video = document.getElementsByTagName("video"); 

     for (var i = 0; i < video.length; i++) { 
      video[i].addEventListener('timeupdate', function(event) { 
       var vid = event.target 
       console.log("here") 
       vid.pause(); 
      }) 
     } 

     console.log("close video background"); 
    } 

}); 

Теперь проблема с этим сценарием, когда мы щелкаем близко в первый раз это провод Event Listener к данным видео, а затем делает паузу их. Вопрос в том, если я снова открыть видео и нажмите кнопку воспроизведения он будет пауза сразу благодаря Event Listener кто-то может пролить свет на как я могу идти о приостановки видео правильно

Answer 1

Найдено решение:

var video = document.getElementsByTagName("video"); 

    for(var i = 0; i < video.length; i++){ 
    (function(vid) { 
     vid.currentTime = 0; 
     vid.pause(); 
    })(video[i]); 
    }