我有一个引导轮播,第一个轮播项是视频,其他项是图像。轮播开始时,视频会自动播放,而当视频结束时,轮播会继续并显示图像。我希望一旦Carousel循环再次返回视频,该视频就会像第一次一样自动播放。
$("#homeCarousel").carousel('pause'); // this prevents the auto-loop
function homeCarouselVideo() {
$(".carousel-item").each(function(){
if($(this).hasClass('active')) {
var video = $(this).find('.d-block');
video.get(0).play();
}
});
}
homeCarouselVideo();
$('video').on('ended', function (e) {
$("#homeCarousel").carousel('cycle')
});
预先感谢您的帮助。