jQuery colorbox gallery 믹스 이미지 및 비디오

Question

Im colorbox 플러그인을 사용하고 갤러리에 일부 비디오를 포함하고 싶습니다.이 코드를 참조하십시오 : http://jsfiddle.net/29Bb4/ 다음 비디오 클립이로드 될 때 비디오가 로딩되지 않습니까?

내가 같이 사용

$(".group1").colorbox({rel:'group1', iframe:true, width:"80%", height:"80%"});이 갤러리 효과 나누기 :

• 또는 내가 이미지와 비디오를 모두 사용할 수있는 좋은 팝업 플러그인이?

Answer 1

귀하의 질문에 당신은 대체 솔루션/플러그인을 허용하고 있기 때문에, 나는 당신이 fancybox를 사용하는 것이 좋습니다 것입니다. 다음은 예제 HTML의 데모입니다. http://fancyapps.com/fancybox/

<p><a class="group1" rel="group1" href="http://www.jacklmoore.com/colorbox/content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> 
     <p><a class="group1" rel="group1" href="http://www.jacklmoore.com/colorbox/content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> 
     <p><a class="group1" rel="group1" href="http://www.jacklmoore.com/colorbox/content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> 

     <p><a class='group1 fancybox.iframe' rel="group1" href="http://www.youtube.com/embed/KHy7DGLTt8g?rel=0" title="video">Video (Iframe/Direct Link To YouTube)</a></p> 


$(".group1").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
}); 

$('#btnOpen').click(function(e) { 
    e.preventDefault(); 
    $('.fancybox:eq(0)').click(); 
}); 

Answer 2

http://jsfiddle.net/lucuma/Skpyw/3/ 그럼 당신은 당신이 콘텐츠 형식 (이미지 및 iframe을) 다른 설정이 있습니다. 동일한 그룹으로 표시하기는 쉽지만 별도로 설정을 정의해야합니다.

$(".group1").colorbox({rel:'group1'}); 
$(".iframe").colorbox({rel:'group1', iframe:true, width:"80%", height:"80%"});