不能把内容放在整页的视频背景

Question

得到了视频背景的工作，但它或者推下我的内容或覆盖一切。我曾经玩过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; 

Answer 1

您是否尝试过-1视频元素索引？ （如果您可以向我们展示更多代码，这将非常有帮助）。 如果位置保持绝对，它绝不会压低您的内容。 作为最后一招，你总是可以使用一些JQuery插件：http://www.sitepoint.com/background-video-plugins/，至少它会保证你有一个好的跨浏览器支持。