0

我正在开发一个使用 html5 视频标签作为背景的网站。
很棒的网站示例

如您所见，视频非常重，因此我希望将其预加载。但不仅仅是预加载，如：

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

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

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

我在这里有一个很好的例子，唯一的缺点是；它只加载图像..
一个很棒的例子

提前致谢！

4

1 回答 1

1

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

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

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

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

于 2013-03-06T14:51:36.237 回答