个人猜测是因为浏览器的优化问题,当视频自动循环到一定时间,浏览器就会给优化掉
然后选择用js,监听ended事件
<div class="bgVideo">
<video autoplay muted id="video" >
<source src="xxx.mp4" type="video/mp4">
<source src="xxx.webm" type="video/webm">
</video>
</div>
$('#video').on('ended', function () {
var _this = this;
_this.play();
});
这里有两个踩坑点:
1,video不能带loop属性,不然不能监听到end事件
2,mp4格式的视频一定要在webm的格式之前,不然谷歌浏览器还是会停止播放