Сова карусели видео не показывает - PullRequest
Новая
       12

Сова карусели видео не показывает

0 голосов
/ 15 октября 2018

Я использую совую карусель и пытаюсь показать видео, но не могу заставить его работать.

Я включил все, что мне нужно, и изображения работают очень хорошо, поэтому я не уверен, гдеидти отсюда.

Мой HTML: 

<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>

И мой custom.js: 

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 в true.Но я вижу только белое поле, я вижу кнопку воспроизведения, но не могу нажать на нее.

...