Css 全幅HTML5视频问题

我正在寻找一种方法来做一个全宽（但不是全高）HTML5视频

类似于CSS图像的背景会让我做什么

例如：

标题下方的图像栏将替换为全宽视频背景

宽度100%和设置高度不起作用，因为视频是自动缩放的，而不是全宽

---

谢谢

在大多数情况下，这是一个简单的解决方案

video {
   max-width: 640px /* cannot exceed this width */
   max-height: 390px /* cannot exceed this height */
   width: 100% /* 640px or less depending on size of viewport */
   height: auto /* automatically calculates height from via above values */
}

永远！在处理全幅视频、响应性设计和移动设备时，始终使用百分比。只有在定义

max height

和

max width

属性时才可以使用像素