Question

在Mozilla Firefox中，默认情况下，单击html5视频会使其暂停/播放，但在Chrome或Safari中则不会。我想在FF中禁用此行为。但是，似乎FF阻止了视频上的某些事件冒泡，而且我无法捕获点击。

window.addEventListener("click", function(e){
    if (e.target && e.target.matches('.html5video')) { 
        console.log('click');
    }       
});

此代码在FF中不起作用。

是否有解决此问题的建议？如何在FF中跟踪html5视频标签上的点击事件？

我应该使用某种包装纸还是...？

Answer 1

在FF（64）的最新版本中，如果删除了视频元素的 controls 属性，则代码可以正常工作。

如果您无法删除控件，则可以收听例如暂停事件。暂停后，再次开始播放。...

document.querySelector('.html5video').addEventListener('pause', function(e) {
   // don't pause....
   this.play();
})

<video class="html5video" width="400" controls>
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
    <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
</video>

html5视频上的Firefox onlick事件

1 个答案: