여러 동영상을 컬러 박스에 넣으십시오

여러 개의 YouTube 동영상을 컬러 상자 팝업에 넣으려고합니다. 그러면 여러 개의 YouTube 비디오를 열 때 사진 그룹과 마찬가지로 스크롤 할 수 있습니다.여러 동영상을 컬러 박스에 넣으십시오

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

출처

2013-12-15 Denver

일부 코드를하거나 바이올린 도움이 될 우리가 널 도와 줘. –

어떤 코드가 필요한지 잘 모르겠습니다. – Denver

그게 맞을 것 같아요 – Denver

내가 대신 동영상 URL의 href 속성에 비디오 삽입 URL을 삽입해야 생각하고,이 같은 링크 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>

그 후에는 링크에서 colorbox 이런 식으로 만들 수 있습니다

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

출처

2014-01-06 13:55:21

여러 동영상을 컬러 박스에 넣으십시오

답변

관련 문제