全屏代码js

function toggleFullScreen(element) {
  if (!document.fullscreenElement) {
    element.requestFullscreen().catch(err => {
      console.log(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
    });
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    }
  }
}

// 使用方法：传入需要全屏显示的DOM元素
toggleFullScreen(document.getElementById('my-video'));

function isFullScreenEnabled() {
  return !!(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled);
}

document.addEventListener('fullscreenchange', () => {
  if (!document.fullscreenElement) {
    console.log('Exited fullscreen mode.');
  }
});