Javascript 触摸事件在视频标签后在iPad上停止工作

我有一个应用程序，可以让你左右滑动以查看不同的屏幕，或者单击“下一步”和“上一步”按钮进行导航

if(isMobile){
    detectSwipe = true;
    document.addEventListener('touchstart',TouchStart,false);
    document.addEventListener('touchmove',TouchMove,false);
    document.addEventListener('touchend',TouchEnd,false);
    document.addEventListener('touchend',TouchCancel,false);
}

$("#prevBtn").on('touchstart click', function () { 
    ...
}

问题是由于一些未知的原因，当它到达带有视频标签的屏幕时，所有按钮都不可点击，只有刷卡事件仍然处于活动状态。这只发生在iPad上，但在桌面上，它工作正常

<video width="960" height="560">
    <source src="video.mp4" type="video/mp4"/>
    <source src="video.ogg" type="video/ogg"/>
    <source src="video.webm" type="video/webm"/>
    Your browser does not support the video tag.
</video>

---

我也尝试过使用嵌入youtube视频而不是视频标签，但问题依然存在。

你必须将视频元素的控件设置为false，并设置自己的控件，它才能工作。

如果可能的话，你能发布一个提琴吗……遗憾的是，不，完整的代码超过14000行。遗憾的是，这不是一个选项。我必须使用默认控件