首页 文章

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

提问于
浏览
0

我正在开发一个使用html5视频标签作为背景的网站 .
Awesome example of the site

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

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

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

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

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

提前致谢!

1 回答

  • 1

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

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

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

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

相关问题