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

时间:2013-08-02 17:59:07

标签: javascript jquery css video video.js

我在我的网页上运行bigvideo.js,其中提供了设置(https://stackoverflow.com/a/17581187/1318135)。

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

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

1 个答案:

答案 0 :(得分:0)

这并不完美,但我用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(视频 - >拍摄快照)。