javascript - 机器上的背景图像 Bigvideo.js 不起作用

Question

我在我的网页上运行 bigvideo.js，使用这里提供的设置 ( https://stackoverflow.com/a/17581187/1318135 )。

我希望在 bigvideo.js 与用户的设置不兼容(禁用脚本、旧浏览器等)时显示背景图像，但 javascript 覆盖所有在 html/css 中添加背景的尝试.

我该如何实现？现在它默认为黑色背景。

Answer 1

这并不完美，但我使用了 css 来设置背景图片:

#video{
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  background-image: url('/video/img/first.png');
  background-repeat:no-repeat;
  background-size: 100% 100%;
}

然后就像平常一样:

$(function() {
    var BV = new $.BigVideo({controls:false,
                              container:$('#video')});
    BV.init();
    BV.show('/video/video/764116.mp4');
});

要获取第一帧的 png，您可以使用 VLC(视频 -> 拍摄快照)。