在html5视频播放按钮上添加活动

时间:2012-11-17 12:35:14

标签: javascript jquery html5

所以我只想访问视频控件的播放按钮,按下曲目栏或音量时无动作。我希望这样的东西,但使用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

1 个答案:

答案 0 :(得分:0)

我认为你必须定位你正在点击的当前项目,以便被点击的目标获得要处理的命令,试试这个,看看这是否适合你:

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