Я пытаюсь прикрепить некоторые события к элементу видео HTML5 в своем веб-приложении для iPad, но они, похоже, не срабатывают? Я проверил это как на устройстве, так и в симуляторе и получил те же результаты. Однако события (по крайней мере, для onclick) отлично работают в настольном Safari. Я также пробовал заменить элемент видео на div, и события запускаются нормально? Кто-нибудь еще сталкивался с этим и есть идея для обхода?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test video swipe</title>
</head>
<body>
<video src='somevid.mp4' id='currentlyPlaying' width='984' height='628' style='background-color:#000;' controls='controls'></video>
<script>
var theVid = document.getElementById("currentlyPlaying");
theVid.addEventListener('touchstart', function(e){
e.preventDefault();
console.log("touchstart");
}, false);
theVid.addEventListener('click', function(e){
e.preventDefault();
console.log("click");
}, false);
theVid.addEventListener('touchmove', function(e){
console.log("touchmove");
}, false);
theVid.addEventListener('touchend', function(e){
console.log("touchend");
}, false);
theVid.addEventListener('touchcancel', function(e){
console.log("touchcancel");
}, false);
</script>
</body>
</html>
