2013-10-25 2 views
0

컬러 박스 플러그인을 사용하여 YouTube 동영상을 퍼갈 수 있지만 작동하지 않는 것 같습니다. 아주 기본적인 아래의 내 코드를 참조하십시오. $(document).ready(function(){ $('.youtube').colorbox({iframe:true, innerWidth:640, innerHeight:390});컬러 박스

그런 다음 ovelay를 여는 코드입니다.

<p><a class="youtube" href="http://www.youtube.com/watch?v=0sRXkKe9SJk">Test Video</a></p> 

위의 코드를 데모 링크 및 코드로 바꿀 때 올바르게 작동합니다. 아래 코드가 작동합니다. <p><a class="youtube" href=" http://www.youtube.com/v/VOJyrQa_WR4?rel=0&amp;wmode=transparent">Test Video</a></p>

내가 무엇이 누락 되었습니까?

답변

0

이 시도 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="path/to/jquery.colorbox.js"></script> 
<link rel="stylesheet" href="path/to/colorbox.css" /> 
<script> 
$(document).ready(function(){ 
    $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390}); 
}); 
</script> 

<p><a class='youtube' href="http://www.youtube.com/v/0sRXkKe9SJk?rel=0&amp;wmode=transparent">Play My Video</a></p> 
+0

는 jquery.colorbox.js'와'colorbox.css' – Latheesan

+0

감사 메이트 '의 경로를 업데이트하는 것을 잊지 마십시오. 처음에이 작업을 시도했지만 작동하지 않았지만 이제는 코드에서 처리합니다. 많은 감사를드립니다. –

0

나는이 같은 문제가 발생했다 : 대화 상자를 열 것이며, 나는 그것이 유튜브에 연결할 볼 수 있지만 비디오가 "재생"버튼에 응답하지 않을 것입니다. autoplay = 1 매개 변수를 문자열에 추가 했으므로 이제는 정상적으로 작동합니다.