jquery - BigVideo.js はビデオの後に画像を表示します

Question

背景ビデオにBigVideo.js ( http://dfcb.github.io/BigVideo.js/ ) を使用しています。私は周りを検索しましたが、ビデオが終了した後にポスター画像を表示する方法がないようです. これを行う方法を知っている人はいますか？

理想的には、backstretch.js jQuery プラグインで背景画像を表示できるようになっているので、可能であれば透明にしたいと考えています。

Answer 1

これが機能するかどうかはわかりませんが、bigvideo.js はvideo.js API を使用するため、endedイベントを使用してビデオの再生が終了したかどうかを確認し、次のようにすることができます。

$(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

ビデオ要素は BigVideo.js を使用するとどうなりますか? div をクリックすると背景ビデオが再生されるサイトがあります。したがって、 を呼び出していません。動画要素はありません。