如何防止本机HTML5播放器全屏显示

Question

我正在尝试在全屏视频时显示覆盖图。我遇到了需要在<video>周围创建包装器并覆盖div的解决方案，我想在其中显示并调用requestFullScreen()。

因此，我现在正在监听fullscreenchange事件，并尝试preventDefault。它不起作用。也就是说，我无法阻止视频全屏显示。

这是我的代码：

window.onload = function () {
    const video = document.getElementById('video')

    const onFullScreen = (e) => {
        e.preventDefault()
        e.stopPropagation()
    }

    video.addEventListener('webkitfullscreenchange', onFullScreen)
    video.addEventListener('mozfullscreenchange', onFullScreen)
    video.addEventListener('fullscreenchange', onFullScreen)
}