Question

现在，.owl-video-tn类具有内联样式，例如：background-image：url（// img.youtube.com/vi/EF_kj2ojZaE/hqdefault.jpg）。但是我需要嵌入照片以预览视频的功能吗？如何实现这种可能性？

https://codepen.io/malinosky/pen/WKBjOa

$('.owl-carousel').owlCarousel({
    items:1,
    loop:true,
    margin:10,
    video:true,
    lazyLoad:false,
    center:true,
    responsive:{
        480:{
            items:2
        },
        600:{
            items:4
        }
    }
})

Answer 1

您可以像这样用图片覆盖CSS

<div style="display: inline-block">
  <h1 class="underline">
    our
  </h1>
  <h1>
    Divisions
  </h1>
</div>

如果您要定位特定的图像，可以使用.owl-video-tn { background-image: url('http://via.placeholder.com/600x400') !important; }通过指定索引来定位特定的视频元素

像这样：

:nth-child

如何更改猫头鹰轮播中的视频背景图像？

1 个答案: