作为背景的录影在使用在命令的网站上

我一直在尝试将video设置为背景,我有flv文件和youtube-link。 使用html5video标签或jquery将它放在我的网站上并不困难,但我找不到如何将它放在我的网站上但不能自动启动。 我有一个半透明的矩形文本将会过来。 所以我的想法是创建一个按钮或链接,让文本和矩形消失,让video播放。

有没有人知道一个好的插件或脚本来做到这一点,或者有人可以碰到正确的方向。

格尔茨

您也可以使用本机浏览器html5video播放器,这将更快,不需要使用插件。 试试这个:

这是jsFiddle的例子。

jQuery的:

 $(document).ready(function() { var windowH = $(window).height(); $('#main_container, #overlay').height(windowH); $(window).resize(function () { var windowH = $(window).height(); $('#main_container, #overlay').height(windowH); }); });​ 

CSS:

 body { background-color: #000000; font-family: Arial; font-size: 12px; color: #000; margin: 0; padding: 0; overflow: hidden; } #main_container { float: left; position: relative; width: 100%; height: 100%; background-color: #000000; } #video { position: absolute; left: 0px; top: 0px; min-height: 100%; min-width: 100%; z-index: 9997; }​ #overlay { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 9998; } 

HTML:

 

注意:使用overlay div来停用控件,您可以使用video中的任何内容,例如jsFiddle示例。

如果你想要一个脚本,你可以尝试: https : //github.com/sydlawrence/jquery.videoBG

在这里的文档: http : //syddev.com/jquery.videoBG/index.html#documentation ,似乎有一个带有布尔参数的自动播放选项……所以我猜测它只是设置为false

自动播放布尔