Я пытаюсь поместить несколько видеороликов 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%"});
});
Я думаю, вам нужно вставить 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});
}