视频背景不循环 (BigVideo.js / Video.js)

Question

所以我正在尝试使用 BigVideo.js 将我的网页背景制作成视频。

我遵循了 BigVideo.js 的（非常有限的）文档，该文档建立在 Video.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();
});

它仍然在最后冻结。

Answer 1

试试这个。它对我有用

doLoop:false

例子

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

查看parameters，了解您可以对“bigvideo.js”文件中的视频执行哪些操作。