video标签小窗口如何解决？

Question

video标签，全屏退出的时候，会出现一个小的窗口，这个窗口能不能在退出全屏的时候不显示

Answer 1

以下内容由CHATGPT及阿里嘎多学长共同生成、有用望采纳：

可以使用Fullscreen API来控制video标签的全屏，从而避免出现小窗口。具体做法如下：

1. 监听video标签的fullscreenchange事件，当进入全屏或退出全屏时触发。

2. 在事件处理函数中，判断当前是否处于全屏状态，如果是则不显示小窗口，否则显示小窗口。

代码示例：

var video = document.getElementById('myVideo');

video.addEventListener('fullscreenchange', function() {
  if (document.fullscreenElement) {
    // 进入全屏
    video.controls = false; // 隐藏控制条
  } else {
    // 退出全屏
    video.controls = true; // 显示控制条
  }
});

通过上述代码，当video标签进入全屏时，隐藏控制条，从而避免出现小窗口。当退出全屏时，显示控制条，恢复正常状态。