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>

如何使用html5 <button>标签</button>同时启用两个视频的播放

1 个答案: