强制视频占用div的100％宽度

Question

目前为朋友开发portfolio theme并尝试在英雄区域内创建视频背景。

目前，看来视频只是采用自然宽度，是否有任何方法可以强制延伸以填充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%;
}