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

我正在使用html5视频标记作为背景的网站上工作。
Awesome example of the site html5/jQuery视频预加载器登录页面

正如你所看到的视频是非常沉重的，因此我希望它预加载。但不仅仅是预加载：

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

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

我在寻找的是一种插件，它创建了一个可定制的预加载gif的登陆页面，它在完全加载所有视频格式时显示类似“输入”按钮的内容。

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

在此先感谢！

来源

2013-03-06 Jefferson

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

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

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

或者，您可以设置背景图像并开始加载视频（如果您的网站已经使用它，则通过JavaScript或jQuery），并且其状态类似于“可以开始播放” - 隐藏图像并添加视频。

来源

2013-03-06 14:51:36

因为我试图完全避免用户输入。该方法需要控制。 – Jefferson 2013-03-06 14:53:29

它是如何要求用户输入的？ – 2013-03-06 14:54:32

您的编辑使用javascript解释以启动视频。这将使'控制'过时。但是，如果我想添加多个视频（因为此网站是为摄影师提供的），他们都将显示图像。只有在加载后才会玩。这不是我正在寻找的东西。预加载着陆页将加载所有这些文件，并在进入网站时使其可用。 – Jefferson 2013-03-06 14:59:26

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

回答

相关问题