Javascript OwlCarousel Youtube视频未显示

我有一个youtube视频，我想显示，但它根本不显示。我没有给视频添加高度或宽度，因为我想保持它的响应性

---

使用

标记添加视频似乎不起作用

<div>
    <a class="owl-video" href="https://www.youtube.com/watch?v=Oy9GFAQ4x4w"></a>
</div>

除此之外，我还删除了
transitionStyle:“fade”
，因为该属性阻止了carrousel转换

你可以在这上面查一下

希望能有所帮助
在我的例子中，错误与创建iframe时生成的URL有关，我将“https://”放在Youtube iframe前面，并将一些内容更改为（添加了“https:”）


如果（video.type===“youtube”）{
attr（'src'，'https://www.youtube.com/embed/“+video.id）；
} 
否则如果（video.type==='vimeo'）{
attr（'src'，'https://player.vimeo.com/video/“+video.id）；
}

我为vimeo视频做的另一件事是添加了“https:


网址：'https://vimeo.com/api/v2/video/“+video.id+”.json”，
我可以让视频响应吗？我不想为iframe指定高度或宽度。是的，你可以让视频响应，只要改变css属性，不管你想要什么。我有一个问题，当我点击“播放-暂停”按钮时，新的iframe再次加载，因此我做了这件事，在第2210行的某处：`'changed.owl.carousel'：$.proxy（函数（e）{if（e.namespace&&e.property.name=='position'&this.u playing）{this.stop（）；$（'.owl video play icon'）.hide（）；}，this），`$（'.owl video play icon'）.hide（）；
<div>
    <a class="owl-video" href="https://www.youtube.com/watch?v=Oy9GFAQ4x4w"></a>
</div>

<div class="item-video">
   <iframe width="420" height="315" src="https://www.youtube.com/embed/Oy9GFAQ4x4w">
   </iframe>
</div>

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

<pre>
url: 'https://vimeo.com/api/v2/video/' + video.id + '.json',
</pre>