html - 如何将 1920X1080 分辨率的视频制作为具有完整视频可见性的背景？

Question

我试过这样，但我无法获得完整的视频可见性。例如:可能是 1920X1080 的视频，并且窗口大小为 1366x768，因此无法匹配。

我还尝试将宽度设置为自动，将高度设置为 100%，这样我就可以看到完整的视频可见，但视频两边都有空间。所以我需要没有空间。

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

CSS

html,body{overflow:hidden;}
.general video { height: auto; width: 100%; position: absolute; top:0;}

-谢谢

Answer 1

从 html 和正文中删除边距和填充。从播放器中删除控件。在浏览器中按 F11 进入全屏模式:

html,
body {
  margin: 0;
  padding: 0;
}

body {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

<video width="100%" height="100%" autoplay="">
  <!-- MP4 must be first for iPad! -->
  <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
    <!-- Safari / iOS, IE9 -->
    <source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm">
      <!-- Chrome10+, Ffx4+, Opera10.6+ -->
      <source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg">
        <!-- Firefox3.6+ / Opera 10.5+ -->
</video>