Question

我在我的一个项目中使用colorbox来创建视频库。我希望在打开的colorbox模式中获取每个视频下的视频说明。到目前为止，这就是我所拥有的，

<script>
  $(document).ready(function(){
    $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
  });
</script>

和html;

<div class="utube-box">
 <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"></a>
</div>

我在colorbox中找不到任何选项，感谢任何帮助。

Answer 1

据我所知，Colorbox并不处理抓取外部信息，因此您必须自己获取信息并传递信息。用一些jQuery很简单。

您可能希望稍微清理一下CSS，但这是一般的想法：http://jsfiddle.net/aQKHQ/1/

打破小提琴：

$(".youtube").each( ...选择任何类别为＆＃39; youtube＆＃39;的链接。

var videoID = ...从这些链接中提取网址并过滤掉视频ID。

var self = $(this);只是让我们可以访问我们目前正在下一部分工作的链接。

$.getJSON( ...从YouTube中提取视频的JSON数据，并使用适当的选项调用Colorbox。

彩盒上的Youtube视频说明

1 个答案: