2016-12-07 16 views
0

私たちは、当社のウェブページ上に複数のvideosを持っているが、ほとんどの動画は、私たちがvideoを監視していたときに、light boxに表示され、私たちは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]); 
    } 
関連する問題