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>