如何让HTML5视频占据整个浏览器窗口的高度和宽度？

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

#myVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

window.addEventListener('resize', function() {
  var video = document.getElementById('myVideo');
  video.style.width = window.innerWidth + 'px';
  video.style.height = window.innerHeight + 'px';
});