小编wii*_*jeh的帖子

在div中引入视频作为背景(引导程序)

我试图在div中添加一个视频作为背景(.form-container),在过去我对完整背景页面做同样的事情,但在这种情况下我只需要在div中,问题:dunno how要做到这一点,我正在玩宽度,但视频不覆盖整个div.

这是一个全背景视频,但显然不起作用.我试图使用z-index,但我很失落于twitter-bootstrap如何处理z-index:

#main video {
    background: #222;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transition: 1s opacity;
    opacity: 0.5; 
}
Run Code Online (Sandbox Code Playgroud)

请参阅演示:http://codepen.io/wiitohzjeh/pen/vEgmEO? editors = 110

当我尝试将宽度更改为100%并将"最大高度"设置为250px时,"适合"div.

#main video {
    background: #222;
    position: fixed;
    width:100%;
    max-height: 250px;
    transition: 1s opacity;
    opacity: 0.5;
}
Run Code Online (Sandbox Code Playgroud)

请参阅演示:http://codepen.io/wiitohzjeh/pen/LExyEK?编辑= 110

css video html5 twitter-bootstrap

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html5 ×1

twitter-bootstrap ×1

video ×1