我有一个要显示的youtube视频,但根本没有显示。我没有为视频添加高度或宽度,因为我想保持其响应速度。
http://www.owlcarousel.owlgraphic.com/demos/video.html
<div id="carousel" class="owl-carousel">
<div>
<a class="owl-video" href="https://www.youtube.com/watch?v=Oy9GFAQ4x4w"></a>
</div>
<div><img src="http://cdn.playbuzz.com/cdn/7a7a5814-ed79-410c-b748-db6a24f73f0b/4d71c010-f930-4334-ba62-79d87a7ddef4.jpg"></div>
</div>
http://jsfiddle.net/nLz17fcv/12/
最佳答案
使用a
标签添加视频似乎无法正常工作。
<div>
<a class="owl-video" href="https://www.youtube.com/watch?v=Oy9GFAQ4x4w"></a>
</div>
相反,您可以将其替换为Iframe
来嵌入所需的视频。<div class="item-video">
<iframe width="420" height="315" src="https://www.youtube.com/embed/Oy9GFAQ4x4w">
</iframe>
</div>
此外,我还删除了transitionStyle: "fade"
,因为此属性会阻止轮播过渡。您可以在此DEMO上进行检查
希望能帮助到你
关于javascript - OwlCarousel Youtube视频未显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34821967/