全屏HTML5视频:如何控制屏幕大小？

var video = document.getElementById("myVideo");
video.style.width = window.innerWidth + "px";
video.style.height = window.innerHeight + "px";

#myVideo {
  width: 100%;
  height: 100%;
}

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

// 进入全屏模式
if (video.requestFullscreen) {
  video.requestFullscreen();
} else if (video.mozRequestFullScreen) {
  video.mozRequestFullScreen();
} else if (video.webkitRequestFullscreen) {
  video.webkitRequestFullscreen();
}

// 退出全屏模式
if (document.exitFullscreen) {
  document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
  document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
  document.webkitExitFullscreen();
}