Javascript 视频触控事件不';全屏播放时,iOS safari上不会触发

Javascript 视频触控事件不';全屏播放时,iOS safari上不会触发,javascript,ios,html5-video,mobile-safari,html5-fullscreen,Javascript,Ios,Html5 Video,Mobile Safari,Html5 Fullscreen,在iPad Safari上,ios版本13.1.3 我尝试使用vanilla js将触控事件监听器添加到视频元素中。该事件通常在非全屏模式下触发。但一旦我将模式更改为全屏,我就无法再触发触摸事件 在safari的web检查器中,我还发现了以下控制台错误 我发现像video.js这样的视频播放器框架可以防止这个问题。但我想知道为什么会发生这种情况,以及如何使用vanilla js解决它 视频=document.querySelector(“视频”); console.log(视频); vide

在iPad Safari上,ios版本13.1.3

我尝试使用vanilla js将触控事件监听器添加到视频元素中。该事件通常在非全屏模式下触发。但一旦我将模式更改为全屏,我就无法再触发触摸事件

在safari的web检查器中,我还发现了以下控制台错误

我发现像video.js这样的视频播放器框架可以防止这个问题。但我想知道为什么会发生这种情况,以及如何使用vanilla js解决它


视频=document.querySelector(“视频”);
console.log(视频);
video.addEventListener('touchstart',(e)=>{
console.log('toucted');
})

这是因为本机视频控件干扰了触摸事件。您不需要传递
控件
选项

见:

您可以通过以下方式实现自己的控件: