不能把内容放在整页的视频背景
问题描述:
得到了视频背景的工作,但它或者推下我的内容或覆盖一切。我曾经玩过z-index,但它似乎只能处理文本。不能把内容放在整页的视频背景
<video id="videobcg" preload="auto" autoplay loop muted="muted" volume="0">
<source src="_videos/college_de_boulogne.mp4" type="video/mp4">
<source src="_videos/college_de_boulogne.webm" type="video/webm">
</video>
</body>
#videobcg {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 1;
overflow: hidden;
答
您是否尝试过-1视频元素索引? (如果您可以向我们展示更多代码,这将非常有帮助)。 如果位置保持绝对,它绝不会压低您的内容。 作为最后一招,你总是可以使用一些JQuery插件:http://www.sitepoint.com/background-video-plugins/,至少它会保证你有一个好的跨浏览器支持。