Jquery Owl转盘中的HTML5视频,带有循环自动播放视频和转盘

Jquery Owl转盘中的HTML5视频,带有循环自动播放视频和转盘,jquery,html,html5-video,owl-carousel,owl-carousel-2,Jquery,Html,Html5 Video,Owl Carousel,Owl Carousel 2,下面的代码适用于循环视频和旋转木马自动播放,但问题是,当更改浏览器窗口选项卡时,在返回一段时间后,此选项卡视频被卡住,我的循环停止 var owl=$('.owl carousel'); $('.owl carousel')。owl carousel({ 项目:1, 循环:对, 点:错, 视频:没错, 自动播放:对, 初始化:函数(){ if($(“.owl-item.active video”,此.$元素).length){ $(“.owl-item.active video”,此.$元素)

下面的代码适用于循环视频和旋转木马自动播放,但问题是,当更改浏览器窗口选项卡时,在返回一段时间后,此选项卡视频被卡住,我的循环停止

var owl=$('.owl carousel');
$('.owl carousel')。owl carousel({
项目:1,
循环:对,
点:错,
视频:没错,
自动播放:对,
初始化:函数(){
if($(“.owl-item.active video”,此.$元素).length){
$(“.owl-item.active video”,此.$元素)[0].play();
触发器('stop.owl.autoplay')
$(“.owl-item.active video”,此.$元素).on('end',function()){
触发器('play.owl.autoplay')
});
}
},
onTranslated:function(){
if($(“.owl-item.active video”,此.$元素).length){
$(“.owl-item.active video”,此.$元素)[0].play();
触发器('stop.owl.autoplay')
$(“.owl-item.active video”,此.$元素).on('end',function()){
触发器('play.owl.autoplay')
});
}
}
});


首先,我遇到了同样的问题,这对我帮助很大,谢谢

为了解决您的问题,我刚刚添加了
$(“.owl-item.activevideo”,这个.$元素)[0].play()在两个“结束”函数中,而不是在
owl.trigger('play.owl.autoplay')
中,即使在多个视频之间来回切换、离开然后再次切换时,它也能完美地为我工作