当视频以猫头鹰轮播结束时自动移动幻灯片

时间:2016-08-11 10:40:15

标签: jquery video owl-carousel

我使用猫头鹰旋转木马实现了视频和图像轮播。您管视频将添加到第一张幻灯片中。我想在视频结束后立即移动幻灯片。     当视频添加到第一张幻灯片中时,我们可以在每次幻灯片显示时立即自动播放视频。

JavaScript代码:

$('.owl-carousel').owlCarousel({
                            items:1,
                            merge:true,
                            loop:true,
                            margin:10,
                            nav:true,
                            autoplay:true,
                            autoplayTimeout:140000,
                            video:true,
                            videoHeight: 520, 
                            videoWidth: 1000,
                            lazyLoad:false,
                            center:true,
                            autoHeight:true
                        });

HTML CODE:

<div class="owl-carousel">
<div class="item-video" >
<a class="owl-video"  href="https://www.youtube.com/embed/F0vg4HUEIyk"></a>
</div>
<div class="item"><img src="1.jpg"/></div>
<div class="item"><img src="2jpg"/></div>
<div class="item"><img src="3.jpg"/></div>
</div>

0 个答案:

没有答案