播放/暫停多個視頻與一個功能

Question

我目前可以播放和由<video> tag.But任意位置單擊不幸的是，當我加了2影像的功能僅適用於僅第一視頻暫停視頻。

var video = document.getElementById('vid'); 
 
    video.addEventListener('click', function() { 
 
       this.paused?this.play():this.pause(); 
 
      }, 
 
      false); 
 

 
    video.addEventListener("pause", function() { 
 
     document.getElementById("paused").style.display = ""; 
 
    }); 
 
    video.addEventListener("play", function() { 
 
     document.getElementById("paused").style.display = "none"; 
 
    });

<div id="main"> 
 

 
    <div id="computer" class="content"> 
 
    <div style="margin-left:8%"> 
 
     <div id="paused" style="display: none">QUESTION HERE</div> 
 
     <video width="1000" height="480" id="vid"> 
 
     <source src="video.mp4" type="video/mp4"> 
 
      Your browser does not support the video tag. 
 
     </video> 
 
    </div> 
 

 
    </div> 
 

 
    <div id="ip" class="content"> 
 
    <div style="margin-left:8%"> 
 
     <div id="paused" style="display: none">QUESTION HERE</div> 
 
     <video width="1000" height="480" id="vid"> 
 
     <source src="video2.mp4" type="video/mp4"> 
 
      Your browser does not support the video tag. 
 
     </video> 
 
    </div> 
 
    </div> 
 
</div>

與js代碼的任何問題。友善的建議。

Answer 1

它不會工作，湖因爲，解釋器將只考慮最後一個ID具有相同的元素，如果你只使用兩個視頻那麼你可以添加其他的視頻ID和暫停ID

<div id="ip" class="content"> 
<div style="margin-left:8%"> 
    <div id="paused2" style="display: none">QUESTION HERE</div> 
    <video width="1000" height="480" id="vid2"> 
    <source src="video2.mp4" type="video/mp4"> 
     Your browser does not support the video tag. 
    </video> 
</div> 

Answer 2

嘗試使用更多的IDS 類instud detaill花樂此頁 http://flash.flowplayer.org/demos/installation/multiple-players.html