html5 / jQuery视频预加载器登陆页面

时间:2013-03-06 14:25:47

标签: jquery html5 video preloader

我正在使用html5视频标记作为背景的网站上工作。
Awesome example of the site

正如你所看到的那样,视频很重,因此我想让它预先加载。但不仅仅是预载:

<video id="video_background" controls="controls" preload="auto" loop> 

因为这与'autoplay'功能不兼容。这是一个背景,我希望它在没有任何用户输入的情况下启动。

我正在寻找的是某种插件,它使用可自定义的预加载gif创建一个登陆页面,在完全加载所有视频div时显示类似“输入”按钮的内容。

我在这里有一个很好的例子,唯一的缺点是;它只加载图像..
Awesome example of an example

提前致谢!

1 个答案:

答案 0 :(得分:1)

为什么不在背景video元素上设置海报图片?

<video id="video_background" controls preload="auto" poster="video_background.jpg" autoplay>
...
</video>

然后您不会需要预加载器,因为浏览器会尽快开始播放视频。

或者你可以设置一个背景图片并开始加载视频(如果你的网站已经使用它,则通过JavaScript或jQuery),当它的状态类似于&#34;可以开始播放&#34; - 隐藏图像并添加视频。