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（视频 -> 拍摄快照）。