jquery - BigVideo.js show image after video

Question

I'm using BigVideo.js (http://dfcb.github.io/BigVideo.js/) for a background video. I've searched around and can't seem a way to have a poster image after the video has ended. Does anyone know a way to do this?

Ideally, I'd like to have it be transparent if thats at all possible since I already have a background image visible with the backstretch.js jQuery plugin.

Answer 1

不确定这是否有效，但由于 bigvideo.js 使用video.js api，您可以使用endedevent 来检查视频播放是否已结束，并执行以下操作：

$(window).load(function(){
    _V_("your-video-element").ready(function(){
       this.addEvent("ended", function(){
          //show poster image 
          BV.show(poster_image_url); //BV is bigvideo object
       });
    });
});

Answer 2

What would the video element be using BigVideo.js? I have a site where clicking on a div plays the background video. So it's not calling a . There is no video element.