Несколько видео в Colorbox

Question

Несколько видео в Colorbox

0

Я пытаюсь поместить несколько видеороликов youtube в всплывающее окно colorbox, чтобы при открытии его у вас есть возможность прокручивать их между собой, например, с группой изображений.

У меня есть 3 видео, я открываю colorbox с помощью кнопки, и вот где я застрял.

Я уверен, что это просто, я просто не знаю, какой формат он требует.

Надеюсь, кто-то может помочь.

Денвер

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

Denver 15 дек. 2013, в 21:34

Источник

0

Некоторый код или скрипка поможет нам помочь вам.
Harsha Venkatram 15 дек. 2013, в 20:16
0

Я не уверен, какой код нужен.
Denver 15 дек. 2013, в 20:35
0

Я думаю, это работает
Denver 15 дек. 2013, в 20:36
0

Код, который вы пробовали, прежде чем отправлять вопрос на SO?
Harsha Venkatram 15 дек. 2013, в 20:36
0

Вот и я не знаю, что это будет
Denver 15 дек. 2013, в 20:44
0

Есть идеи?????????
Denver 15 дек. 2013, в 22:01

Показать ещё 4 комментария

Теги:

javascript

jquery

youtube

colorbox

1 ответ

Ещё вопросы

Некоторый код или скрипка поможет нам помочь вам.
Код, который вы пробовали, прежде чем отправлять вопрос на SO?

Peter Matyas · Answer 1 · 2014-01-06T12-12-00.000Z

Я думаю, вам нужно вставить URL-адрес встраивания видео в атрибут href вместо видео-url, и вы можете установить группу в атрибуте rel ссылок sg следующим образом:

<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>

После этого вы можете сделать colorbox из ссылок таким образом:

$(document).ready(function(){
    $(".youtube").colorbox({iframe:true, innerWidth:1000, innerHeight:600});
}