Javascript 当我在html5中单击图像时，播放视频时控件不工作？

我正在用HTML5播放两个视频，我编写了一些Javascript来控制播放/暂停选项。如果我点击海报，视频就会播放。但是如果我使用2个视频，在这种情况下，播放/暂停按钮不能正常工作。有时，当我点击第二个视频时，第一个视频正在播放

我想分别将这些控件应用于视频

<video onclick="playVideo()" width="320" height="240" poster="images/Koala.jpg" controls="controls">
        <source type="video/mp4" src="videos/clipcanvas.mp4" />
    </video>
    <video onclick="playVideo()" width="320" height="240" poster="images/Koala.jpg" controls="controls">
        <source type="video/mp4" src="videos/clipcanvas.mp4" />
    </video>

---

显然这是错误的，因为您总是选择相同的元素（第一个视频el）

因此，更改此行

var myVideo=document.getElementsByTagName（“视频”）[0]

最简单的方法是

onclick="playVideo(this)"; // this refer to the correspondingly video el
function playVideo(myVideo) {
    // var myVideo = document.getElementsByTagName("video")[0]; //remove this
    // do whatever as you like
}


改用其他选择器。e、 g.给两个
视频
不同的id并按id选择

onclick="playVideo(this)"; // this refer to the correspondingly video el
function playVideo(myVideo) {
    // var myVideo = document.getElementsByTagName("video")[0]; //remove this
    // do whatever as you like
}