站长简介:高级软件工程师,曾在阿里云,每日优鲜从事全栈开发工作,利用周末时间开发出本站,欢迎关注我的微信公众号:程序员总部,程序员的家，探索程序员的人生之路！分享IT最新技术，关注行业最新动向，让你永不落伍。了解同行们的工资，生活工作中的酸甜苦辣，谋求程序员的最终出路!
视频背景不循环 (BigVideo.js / Video.js)
发布于2022-01-13 00:51 阅读(1022) 评论(0) 点赞(6) 收藏(3)
所以我正在尝试使用 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();
});
它仍然在最后冻结。
解决方案
试试这个。它对我有用
doLoop:false
例子
var BV = new $.BigVideo();
BV.init();
BV.show('../assets/video/teaser.mp4',{doLoop:true});
检查parameters您可以对“bigvideo.js”文件中的视频执行哪些操作。
站长简介:高级软件工程师,曾在阿里云,每日优鲜从事全栈开发工作,利用周末时间开发出本站,欢迎关注我的公众号:程序员总部,交个朋友吧!关注公众号回复前端,免费领取 全套前端视频教程,关注公众号回复前端充值+你的账号,免费为您充值1000积分
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/284881/ac0a60c7b7dd5d511062/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)