Событие onlick Firefox на видео html5

Question

В Mozilla Firefox щелчок по видео html5 заставляет его приостанавливать / воспроизводить по умолчанию, но не в Chrome или Safari.И я хочу отключить это поведение в FF.Но кажется, что FF предотвращает всплывание некоторых событий на видео, и я не могу поймать клики.

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

Этот код ничего не будет делать в FF.

Есть предложения, чтобы решить эту проблему?Как я могу отслеживать события кликов по тегу html5 video в FF?

Должен ли я использовать какие-то обертки или ...?

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>