视频背景不循环（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）

回答

相关问题