При касании встроенного видеокадра события щелчка DOM перестают срабатывать на iOS. Если я удержу палец, затем отпущу, тогда событие щелчка сработает. Почему это происходит и как я могу это исправить? Это происходит как для Chrome, так и для Safari для iOS. Отлично работает на Android.
В этом простом примере кнопка приращения перестает работать после касания видеокадра. Видео не нужно воспроизводить, просто нужно потрогать.
http://jsfiddle.net/yu16bkq9/
HTML
<button id="increment" onclick="increment()">Increment</button>
<p id="count"></p>
<iframe src="http://www.youtube.com/embed/W-Q7RMpINVo"
frameborder="0" allowfullscreen class="video"></iframe>
JavaScript
let counter = 0;
function increment() {
counter++;
document.getElementById('count').innerHTML = counter;
}