猫头鹰轮播视频未显示

时间:2018-10-15 10:17:52

标签: javascript jquery html owl-carousel

我正在使用猫头鹰传送带,并试图显示视频,但无法正常工作。

我已经包含了所有我需要的东西,并且图像可以正常工作,所以我不确定从这里去哪里。

我的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。但是我只看到一个白色框,我看到了播放按钮,但是我无法单击它。

0 个答案:

没有答案