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

时间:2013-09-15 22:57:15

标签: css html5 video

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

目前,看来视频只是采用自然宽度,是否有任何方法可以强制延伸以填充100%的div?我并不担心质量,反正它也很模糊。

我正在使用videoBG嵌入视频内容,并且以下样式应用于包含div:

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

2 个答案:

答案 0 :(得分:2)

实际上,我正在应用于视频的100%高度,它首先将其丢弃。将此更改为自动可让视频拉伸,同时将溢出设置为隐藏。

答案 1 :(得分:0)

尝试使用:

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