如何将视频适配到在IE上也适用的整个屏幕

<video width="100%" height="100%" controls>
  <source src="video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

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

var video = document.getElementsByTagName('video')[0];
if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
  // IE浏览器使用Flash播放器
  video.innerHTML = '<object type="application/x-shockwave-flash" data="player.swf" width="100%" height="100%"><param name="movie" value="player.swf" /><param name="flashvars" value="file=video.mp4" /></object>';
} else {
  // 其他浏览器使用HTML5视频标签
  video.innerHTML = '<source src="video.mp4" type="video/mp4">';
}