轮播引导程序再次启动后,再次播放视频

时间:2020-07-14 13:16:52

标签: javascript bootstrap-4 carousel

我有一个引导轮播,第一个轮播项是视频,其他项是图像。轮播开始时,视频会自动播放,而当视频结束时,轮播会继续并显示图像。我希望一旦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')
});

预先感谢您的帮助。

0 个答案:

没有答案