css - 我怎样才能做背景视频宽度 100% 和高度 100vh

Question

我想做背景视频。并且宽度必须是 100vw。高度也是100vh。高度可以切割，但不能变形。视频必须保存自己的比例。

Answer 1

您可以创建一个 <video>元素并设置 min-width和 min-height属性为 100%。

例子:

#video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

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