Question

我正在尝试将多个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%"});
  });

Answer 1

我认为你必须将视频嵌入网址插入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});
}

Colorbox中的多个视频

1 个答案: