2016-12-07 62 views
0

我們在我們的網頁上有多個videos,大多數視頻出現在light box,當我們在看一個video,並決定將其關閉,我們已經連線了javascript事件這將在用戶關閉燈箱時觸發,我們試圖實現的是當用戶點擊關閉時,我們想要循環頁面上的所有videos並暫停當前正在播放的給定內容,原因是因爲即使light box已關閉,視頻仍會繼續播放。暫停視頻(S)時,收藏夾被關閉 - 的Javascript

這是我到目前爲止有:

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有人可以擺脫任何光線進入我怎麼能去有關暫停視頻正確

回答

0

找到了解決辦法:

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

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