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