video - 使用 Owl Carousel 2 自动播放全浏览器宽度的视频

Question

我正在尝试使用 Owl Carousel 2 创建一个完整的浏览器宽度 slider ，遵循此示例
http://www.owlcarousel.owlgraphic.com/demos/video.html

然而，在演示中，它只显示了如何嵌入视频 - 除此之外，我希望能够以完整浏览器的宽度(和高度)显示它们，并让它们在用户到达特定幻灯片时自动播放。我猜这将涉及使用 Vimeo 和 YouTube 的 API，因为轮播有点受限，但不知道从哪里开始。想法？

Answer 1

我正在用 OwlCarousel 2 做类似的事情，这是我的解决方法。

$('.owl-carousel').owlCarousel({       
   onInitialized:theThing,       
  });
function theThing(event){
  alert("")
  $(".active .owl-video-play-icon").trigger("click")
};

一旦 Owl 初始化，我就会在回调中触发 click 函数，这样视频就会出现并在开始时开始播放。