如何啓用兩個視頻同時播放html5 <button>標籤

Question

任何想法如何進行以下操作？

<video src="video1.ogv" id="ve1" controls> 
Your browser does not support HTML5 video. 
</video> 

<video src="video1.ogv" id="ve2" controls> 
Your browser does not support HTML5 video. 
</video> 

<button onclick="document.getElementById('ve1').play()"> 
Play</button> 

我有兩個視頻id分別爲've1'和've2'。此刻按鈕上方的代碼將在按下時啓用've1'播放！任何啓用這兩個視頻的簡單方法。我試圖改變按鈕標籤內的代碼，但迄今尚未成功。

Answer 1

你可以簡單地改變onclick值：

但它可能是更清潔，將其移動到一個單獨的JavaScript函數，設置播放持續和調用：

onclick="playVideos" 

而且：

<script> 
function playVideos() { 
    document.getElementById('ve1').play(); 
    document.getElementById('ve2').play(); 
} 
</script>