如何修复超过100vh的英雄视频，尽管在safari和Firefox上工作，但不能只在chrome上播放

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

var video = document.getElementById('video');
var videoWidth = video.videoWidth;
var videoHeight = video.videoHeight;
var windowHeight = window.innerHeight;

if (videoHeight > windowHeight) {
  video.style.height = windowHeight + 'px';
  video.style.width = (windowHeight * videoWidth / videoHeight) + 'px';
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  /* Safari */
  .video {
    height: 100vh;
    width: auto;
  }
}

@media screen and (min--moz-device-pixel-ratio:0) {
  /* Firefox */
  .video {
    height: 100vh;
    width: auto;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* Microsoft Edge */
  .video {
    height: 100vh;
    width: auto;
  }
}

@media screen and (min-resolution: 2dppx) {
  /* Chrome */
  .video {
    height: 100vh;
    width: auto;
  }
}