Question

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

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视频而不是视频标记，但问题仍然存在。

Answer 1

您必须将视频元素的控件设置为false并设置自己的控件才能生效。

触摸事件在视频标记之后停止在iPad上工作

1 个答案: