在 html5 视频播放按钮上添加事件

Question

所以我只想访问视频控件的播放按钮，按下轨迹栏或音量时没有任何动作。我想要这样的东西，但有 html5 视频http://flash.flowplayer.org/demos/installation/multiple-players.html

jQuery(document).ready(function() {
    $('.vids').click(function(){
        $('.vids').each(function () {
            this.pause();
        });
    });
});

<video controls="controls" class="vids" id="1">
   <source src ....>
</video>
<video controls="controls" class="vids" id="2">
   <source src ....>
</video>
....

所以现在所有视频都停止了，除了我点击的那个，但是当我按下轨迹栏或音量时，它也会停止。没有自己控制或使用其他视频播放器的任何解决方案？我找到了不同的解决方案，但不是我想要的：S

Answer 1

我认为你必须定位你正在点击的当前项目，以便被点击的目标获得处理命令来执行此操作，看看这是否适合你：

$('.box').click(function(e){
    $(e.target).pause();
});