Присоединение слушателей событий касания к элементу видео в Firefox - PullRequest
1 голос
/ 17 апреля 2019

У меня есть контейнерный элемент с элементом видео внутри. Контейнер имеет обработчики сенсорных событий, но в Firefox вместо сенсорных событий, обрабатываемых контейнером, он воспроизводит / приостанавливает видео и не распространяется. Я также попытался добавить слушателей событий к самому видео, но оно ведет себя так же (воспроизводит / приостанавливает видео).

Я бы хотел, чтобы сенсорные события обрабатывались моими собственными функциями, как и в других браузерах. Это возможно?

Вот пример, который использует jQuery, но без jQuery ведет себя так же:

var container = document.getElementById('vid-container');
var vid = document.getElementById('vid');

$(container).bind('touchstart', function() {
  alert('Container touchstart');
});

$(vid).bind('touchstart', function() {
  alert('Vid touchstart');
});
#vid-container {
  background: blue;
  height: 500px;
  width: 500px;
}

#vid {
  height: 250px;
  width: 250px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="vid-container">
  <video id="vid" controls>
    <source src="http://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4" />
  </video>
</div>

https://jsfiddle.net/8h1z7Lxm/5/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...