全屏(html5)视频背景与固定附件

时间:2013-10-26 21:43:54

标签: html5 video background attachment

我已在我的网站上添加了全屏视频背景,其中包含以下代码

<video id="video_background" preload="auto" autoplay="true" loop="loop" muted volume="0">
    <source src="inc/img/back.webm" type="video/webm" />
    <source src="inc/img/back.mp4" type="video/mp4" />          
</video>

和CSS

#video_background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
    background-attachment: fixed;
}

这很好但背景不是“修复”的。因此,当您必须滚动页面时,视频仅显示在顶部,而在下方您只看到黑色(或其他任何内容)。 是否有解决方法或我是否必须使用视频后台插件而不仅仅是html5?

0 个答案:

没有答案