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