Colorbox Deeplink

Question

我正在使用colorbox在單個頁面上顯示視頻。問題是，我需要分享一個URL，直接打開具體視頻的彩盒。

我到處搜索，但我不知道從哪裏開始。我是否需要在URL的末尾傳遞一個散列，它會告訴colorbox需要打開的視頻？如何在點擊/觀看特定視頻時生成/更新網址？

謝謝！

下面的html是在foreach循環中。所以在同一個班上會有多個這樣的人物。

<figure> 
    <a class="youtube" href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&amp;wmode=transparent"> 
     <img src="http://img.youtube.com/vi/VOJyrQa_WR4/mqdefault.jpg"> 
    <span class="play"></span> 
    </a> 
    <figcaption> 
     <p>asdasd</p> 
    </figcaption> 
</figure> 

和JS

$(".youtube").colorbox({iframe:true, innerWidth:853, innerHeight:670}); 

Answer 1

沒關係，我已經找到了解決辦法。對於誰不知道從哪裏開始的人來說，這裏是代碼：

HTML

<a id="YOUR-VID-ID" class="YOUR-COLORBOX-CLASS" href="http://example-page-to-frame"> 

JS

var colorboxId = 
    (window.location.href.indexOf('video=')==-1) ? 
false : 
    window.location.href.slice(window.location.href.indexOf('video=') + 'video='.length + 1).split('&')[0]; 

$(".YOUR-COLORBOX-CLASS").colorbox({iframe:true, innerWidth:853, innerHeight:670}); 

if(colorboxId!==false) { 
    $('#' + colorboxId).colorbox({open:true}); 
} 

您的網址來獲取視頻

http://example.com?video=#id