使用javascript在设备方向为横向时自动制作视频全屏

<video id="myVideo" src="video.mp4" controls></video>

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

window.addEventListener("orientationchange", function() {
  // 在设备方向变化时执行以下代码
  if (window.orientation === 90 || window.orientation === -90) {
    // 设备方向为横向时，执行全屏操作
    if (video.requestFullscreen) {
      video.requestFullscreen();
    } else if (video.mozRequestFullScreen) {
      video.mozRequestFullScreen();
    } else if (video.webkitRequestFullscreen) {
      video.webkitRequestFullscreen();
    } else if (video.msRequestFullscreen) {
      video.msRequestFullscreen();
    }
  } else {
    // 设备方向为竖向时，退出全屏
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
      document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    }
  }
});

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}