OwlCarousel Youtube 视频不显示
OwlCarousel Youtube video not showing
我有一个想要显示的 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>
使用 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
上查看
希望对您有所帮助
在我的例子中,错误是在创建 iframe 时生成的 URL,我将 "https://" 放在 Youtube iframe 前面并更改了一些东西(添加 "https:" )
<pre>
if (video.type === 'youtube') {
html.attr( 'src', 'https://www.youtube.com/embed/' + video.id );
}
else if (video.type === 'vimeo') {
html.attr( 'src', 'https://player.vimeo.com/video/' + video.id );
}
</pre>
添加了我为 vimeo 视频所做的另一件事 "https:"
<pre>
url: 'https://vimeo.com/api/v2/video/' + video.id + '.json',
</pre>
我有一个想要显示的 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>
使用 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
上查看希望对您有所帮助
在我的例子中,错误是在创建 iframe 时生成的 URL,我将 "https://" 放在 Youtube iframe 前面并更改了一些东西(添加 "https:" )
<pre>
if (video.type === 'youtube') {
html.attr( 'src', 'https://www.youtube.com/embed/' + video.id );
}
else if (video.type === 'vimeo') {
html.attr( 'src', 'https://player.vimeo.com/video/' + video.id );
}
</pre>
添加了我为 vimeo 视频所做的另一件事 "https:"
<pre>
url: 'https://vimeo.com/api/v2/video/' + video.id + '.json',
</pre>