我正在使用猫头鹰传送带,并试图显示视频,但无法正常工作。
我已经包含了所有我需要的东西,并且图像可以正常工作,所以我不确定从这里去哪里。
我的HTML:
X "7zG e ""&CDRIVE"" -o&UNZIP";
还有我的custom.js:
<div class="r-slider owl-carousel" id="defaultHomeSlider">
<div class="r-slider-item">
<img src="assets/images/slider1.png" class="img-fluid d-block m-auto" alt="">
<div class="container">
<div class="r-slider-top-content">
<h1 class="animated fadeInDown teebrushfont">RESERVEER <span>NU</span></h1>
<a href="#" class="btn btn-outlined animated fadeInUp"> Reserveren </a>
</div>
</div>
</div>
<div class="r-slider-item">
<a class="owl-video" href="https://www.youtube.com/watch?v=LRmPcaGAG0s"></a>
<div class="container">
<div class="r-slider-top-content">
<h1 class="animated fadeInDown">RESERVEER <span>NU</span></h1>
<a href="#" class="btn btn-outlined animated fadeInUp"> Reserveren </a>
</div>
</div>
</div>
<div class="r-slider-item">
<img src="assets/images/main-slider-05.jpg" class="img-fluid d-block m-auto" alt="">
<div class="container">
<div class="r-slider-top-content">
<h1 class="animated fadeInDown">RESERVEER <span>NU</span></h1>
<a href="#" class="btn btn-outlined animated fadeInUp"> Reserveren </a>
</div>
</div>
</div>
</div>
我已将DefaultHomeCarousel: function(){
if($("#defaultHomeSlider").length > 0){
var owl = $('#defaultHomeSlider').owlCarousel({
loop:true,
margin: 0,
video: true,
items: 1,
auto: true,
dots: true,
autoplay: false,
nav: true,
navText: ['<i class="fa fa-caret-left"></i>', '<i class="fa fa-caret-right"></i>']
});
owl.on("changed.owl.carousel", function(event){
// selecting the current active item
var item = event.item.index-2;
// first removing animation for all captions
$('.r-slider-top-content h1').removeClass('animated fadeInDown');
$('.r-slider-top-content h4').removeClass('animated fadeInLeft');
$('.r-slider-top-content a').removeClass('animated fadeInUp');
$('#defaultHomeSlider .owl-item').not('.cloned').eq(item).find('h1').addClass('animated fadeInDown');
$('#defaultHomeSlider .owl-item').not('.cloned').eq(item).find('h4').addClass('animated fadeInLeft');
$('#defaultHomeSlider .owl-item').not('.cloned').eq(item).find('a').addClass('animated fadeInUp');
})
}
},
设置为video
。但是我只看到一个白色框,我看到了播放按钮,但是我无法单击它。