jquery - jquery cycle2 视频和图像在一起

Question

我有 jquery cycle2 在一个带有图像的网站上工作，另外我也可以让它与 youtube 视频一起工作。但我需要同时在幻灯片中包含图像和视频。

只是想知道这是否可能？每当我将两者放在一起时，图像永远不会只显示视频。

Answer 1

只为让大家知道！这已由插件作者更新，现在它是插件的一部分。因此，您可以在同一个滑块中添加图像和 youtube 视频，而无需调整插件文件。

http://jquery.malsup.com/cycle2/demo/video.php

Answer 2

这是可能的，但据我所知，如果不调整 jquery.cycle2.video.js。

更改第 27 行

从：

var markup, slide = $(this), url = slide.attr( 'href' );

至：

var markup, slide = $(this).find('a.youtube'), url = slide.attr( 'href' );

接下来更改 data-cycle-slides 属性

从：

data-cycle-slides=">a"

至：

data-cycle-slides=">div.item"

最后将所有幻灯片项目包装到 div 容器中

视频容器：

<div class="item">
    <a class="youtube" href="https://www.youtube.com/v/addYoutubeVideoIdHere?version=3&hl=en_US&rel=0">Video 1</a>
</div>

图像容器：

<div class="item">
    <img src="addImagehere.jpg" alt="" />
</div>