无法将内容放在整页视频背景上答案

【问题标题】：Can't put content over full page video background无法将内容放在整页视频背景上
【发布时间】：2014-09-25 22:11:11
【问题描述】：

让视频背景正常工作，但它要么压低了我的内容，要么覆盖了所有内容。我玩过 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;

【问题讨论】：

标签： html video background

【解决方案1】：

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

【讨论】：