視頻背景不循環（BigVideo.js/Video.js）

所以我想用BigVideo.js爲我的網頁製作一個視頻背景。視頻背景不循環（BigVideo.js/Video.js）

我遵循了構建在Video.js之上的BigVideo.js的（嚴格限制的）文檔。

所以，這裏是我到目前爲止有：我試圖加載此：http://eitanrosenberg.com/projects/kvr-splash/assets/video/teaser.mp4

在我的index.html，我已經包括了所有的依賴和腳本。

我的主要問題是視頻不循環。當它應該循環時，它在最後停止。我嘗試了三種不同的方法。

在我的script.js：

第一種方法：

var BV = new $.BigVideo({doLoop: true}); 
BV.init(); 
BV.show('../assets/video/teaser.mp4');

這是顯然BigVideo.js設置視頻循環播放的方式 - 布爾是在他們的插件。

方法二：

var BV = new $.BigVideo(); 
BV.init(); 
BV.show('../assets/video/teaser.mp4', {ambient: true});

顯然，（看着插件的代碼），如果您將視頻設置爲「環境：真」，則視頻是無聲的和循環。

第三種方法：

var BV = new $.BigVideo(); 
BV.init(); 
BV.show('../assets/video/teaser.mp4'); 

// manually setting the video to 'loop' 
$('video.vjs-tech').prop('loop', true);

我已經試過所有的互換，並沒有奏效。有什麼我失蹤？我甚至嘗試過對視頻進行不同編碼，或者只是爲了看看是否是這種情況，目前還沒有任何工作。我將不勝感激任何幫助。謝謝！

編輯我試過手動嵌入視頻，它仍然凍結在結束而不是循環。

<video id="big-video-vid_html5_api" class="vjs-tech" preload="auto" data-setup="{}" webkit-playsinline="" style="position: absolute; width: 1403px; height: auto;" autoplay="" src="../assets/video/teaser.mp4" loop></video>

我也試過：

BV.getPlayer().on("ended", function() { 
    this.play(); 
});

，它仍然在最後凍結。

來源

2014-03-31 eightonrose

試試這個。這是爲我工作

doLoop:false

例如

var BV = new $.BigVideo(); BV.init(); BV.show('../assets/video/teaser.mp4',{doLoop:true});

檢查的，你可以在「bigvideo.js」文件中的視頻做了什麼parameters。

來源

2014-05-30 20:54:11 Far

視頻背景不循環（BigVideo.js/Video.js）

回答

相關問題