내가 사용하고 colorbox를 비디오 갤러리를 만들 내 프로젝트 중 하나. 그리고 열린 colorbox 모달의 각 비디오 아래에서 비디오 설명을 얻고 싶습니다. 지금까지 이것이 제가 가진 것입니다.
<script>
$(document).ready(function(){
$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
});
</script>
및 html;
<div class="utube-box">
<a class='youtube' href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&wmode=transparent"><img src="http://img.youtube.com/vi/VOJyrQa_WR4/mqdefault.jpg"></a>
</div>
colorbox에서 옵션을 찾을 수 없었습니다. 도움을 주시면 감사하겠습니다.
Colorbox는 내가 아는 한 외부 정보 수집을 처리하지 않으므로 정보를 직접 가져와 전달해야합니다. 일부 jQuery로 매우 간단합니다.
CSS를 약간 정리하고 싶을 것입니다. 그러나 이것이 일반적인 아이디어입니다 : http://jsfiddle.net/aQKHQ/1/
바이올린을 분해하려면 :
$(".youtube").each( ...
'youtube'클래스가있는 링크를 선택합니다.
var videoID = ...
해당 링크에서 URL을 가져와 동영상 ID를 필터링합니다.
var self = $(this);
다음 부분에서 현재 작업중인이 링크에 액세스 할 수 있습니다.
$.getJSON( ...
YouTube에서 동영상에 대한 JSON 데이터를 가져와 적절한 옵션으로 Colorbox를 호출합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다