Colorbox中的多個視頻

我試圖將多個YouTube視頻放在一個colorbox彈出窗口中，以便當您打開它時，您可以選擇在它們之間滾動，就像使用一組圖片一樣。Colorbox中的多個視頻

我有3個視頻，我打開一個按鈕的彩盒，那就是我卡住的地方。

我確定它很簡單，我只是不知道它需要的格式。

希望有人能幫忙。

丹佛

<a class="group2 youtube" href="http://www.youtube.com/watch?v=4rGhUnJ7SVc" ></a> 
<a class="group2 youtube" href="http://www.youtube.com/watch?v=4rGhUnJ7SVc" ></a> 
<a class="group2 youtube" href="http://www.youtube.com/watch?v=4rGhUnJ7SVc" ></a> 

    $(document).ready(function(){ 
     $(".youtube").colorbox({iframe:true, innerWidth:1000, innerHeight:600}); 
     $(".group2").colorbox({rel:'group2', transition:"fade", width:"90%", height:"90%"}); 
    });

來源

2013-12-15 Denver

一些代碼或小提琴將有助於我們幫助你。 –

我不確定需要什麼代碼。 – Denver

我想那個作品 – Denver

我認爲你必須插入視頻嵌入網址爲href屬性，而不是視頻的網址，並且可以設置羣中的鏈路SG像這樣的rel屬性：

<a class="youtube" href="//www.youtube.com/embed/4rGhUnJ7SVc" rel="group1">video 1</a> 
<a class="youtube" href="//www.youtube.com/embed/4rGhUnJ7SVc" rel="group1">video 1</a> 
<a class="youtube" href="//www.youtube.com/embed/4rGhUnJ7SVc" rel="group1">video 1</a>

在此之後，你可以從鏈接顏色框是這樣的：

$(document).ready(function(){ 
    $(".youtube").colorbox({iframe:true, innerWidth:1000, innerHeight:600}); 
}

來源

2014-01-06 13:55:21

Colorbox中的多個視頻

回答

相關問題