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});

显然（并查看插件的代码），如果您将视频设置为＆＃34; ambient：true＆＃34;，则视频会静音并循环播放。

第三种方法：

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});

在＆＃34; bigvideo.js＆＃34;中查看parameters您对视频的处理方式。文件。

视频背景不循环（BigVideo.js / Video.js）

1 个答案: