css - 强制视频占用 div 的 100% 宽度

Question

目前正在为朋友开发一个作品集主题，并尝试在英雄区域创建一个视频背景。

目前，视频似乎只采用其自然宽度，有没有办法强制它拉伸以填充 100% 的 div？我不担心质量，反正它是模糊的。

我正在使用videoBG嵌入视频内容，并将以下样式应用于包含 div：

#hero    {
    min-width: 100%;
    display: block;
    height: 400px;
    margin: 0 auto;
    }

Answer 1

实际上，我一开始就将其应用于视频的 100% 高度。将此更改为自动让视频拉伸，同时将溢出设置为隐藏。

Answer 2

尝试使用它：

#hero { /* div filled by video */
   position:relative;
   /* other properties ... */
}
#video { /* video div */
   display:block;
   position:absolute;
   left:0;
   top:0;
   width:100%;
   height:100%;
}