如何使用 html5 同时播放两个视频标签

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 值更改为：

onclick="document.getElementById('ve1').play();document.getElementById('ve2').play();"

但将其移动到一个单独的 JavaScript 函数中可能会更清晰，该函数设置播放并调用：

onclick="playVideos"

并且：

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