Javascript Colorbox中的多个视频

我正在尝试将多个youtube视频放在一个颜色框弹出窗口中，这样当你打开它时，你可以选择在它们之间滚动，就像你打开一组图片一样

我有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%"});
  });

$（文档）.ready（函数（）{
$（“.youtube”）.colorbox（{iframe:true，innerWidth:1000，innerHeight:600}）；
$（“.group2”）.colorbox（{rel:'group2'，过渡：“淡入”，宽度：“90%”，高度：“90%”）；
});

我认为您必须将视频嵌入url插入href属性，而不是视频url，并且您可以在links 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});
}