如何在视频背景加载视差时显示图像背景？

Question

如何在视频背景加载视差时显示图像背景？

任何人都知道我们将如何实现这种效果？我们正在使用看起来很棒的高分辨率视频背景，但需要花费一些时间来加载，因此用户可能会在加载之前滚动过去。

图像

Answer 1

在HTML5中

poster属性指定在下载视频时显示的图像，或者直到用户点击播放按钮。如果不包含此项，则会改为使用视频的第一帧。

我会使用一些jquery。

 (function($) {
    $(function() {
      var videobackground = new $.backgroundVideo($('#bgVideo'), {
        "align" : "centerXY",
        "path" : "assets/img/",
        "width": 1280,
        "height": 720,
        "filename" : "guate",
        "types" : ["mp4", "ogg", "webm"],
        "poster" : "imagehere.jpg"
    });

这张海报现在标准化了HTML5。

http://www.w3schools.com/tags/att_video_poster.asp