猫头鹰轮播不显示视频 [英] Owl Carousel not displaying videos

问题描述

我在这里有一个示例:视频幻灯片示例

I have an example here: VideoSlide Example

我的问题是什么也没显示.

My problem is that nothing displays.

我已经从Owl网站上有效地复制了代码，但没有显示任何内容.

I've effectively copied the code from the Owl site, but I'm getting nothing displayed.

最初，我将其编码在一个较大的站点中，这是简化版本，仅适用于轮播.我已经使用轮播来处理图像，但是视频使我难以理解，如果有的话，视频看起来应该更简单！

Originally, I'd encoded it in a bigger site, this is the cut down version with only that applicable to the carousel. I've got the carousel working with images, but the videos elude me, if anything, videos look like they should be simpler!

我已经使用了最新的版本2的Owl JS和CSS.

I have taken the latest Owl JS and CSS for version 2.

我尚未修改JS或CSS，它处于下载状态.

I have not amended the JS or CSS, it's in it's downloaded state.

我已经与Owl页面上的视频和Calvin College进行了代码比较，Calvin College也将Owl轮播与视频一起使用.

I've done a code comparison with Owl page for videos and Calvin College, which also uses the Owl carousel with videos.

据我所知，我已经做了同样的事情.

As far as I can see, I've done the same.

显然我没有.

黛比

推荐答案

owl网站上的视频演示实际上具有.item-video

owl's website on video demo actually has a style for .item-video

.owl-carousel .item-video{height:300px}

将其添加到自己的CSS中，如果您使用与视频演示相同的标记，则会显示视频.

Add that to your own css, and your videos will show up if you use the same markup as the video demo.

文档中提到的选项没有任何作用，因此，我认为猫头鹰2.0脱离beta版( 2.0.0-beta.2.4 (在撰写本文时).

The options mentioned on the documentation do not have any effect, so I guess it might be a better idea for owl 2.0 to come out of beta (2.0.0-beta.2.4 at time of this post).

videoWidth: false, // Default false; Type: Boolean/Number
videoHeight: false, // Default false; Type: Boolean/Number

这篇关于猫头鹰轮播不显示视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！