데이터베이스에서 YouTube URL에 액세스하기 위해 fancyBox를 사용하고 있습니다. 팝업이 작동하고 페이드 오버레이를 얻을 수는 있지만 재생할 비디오가 없습니다. 링크를 새 탭이나 창에서 열면 재생됩니까? 여기 내 코드는 다음과 같습니다.jQuery FancyBox가 YouTube URL을로드하지 않습니다.

<a class="fancybox various fancybox.iframe" href="GENERATED YOUTUBE LINK"><img class="recipe_pic " src="_resources/images/SRC FOR IMAGE"></a> 

Script: 

<script> jQuery(document).ready(function() { jQuery(".fancybox").fancybox(); });   

jQuery(document).ready(function() { jQuery(".various").fancybox({ maxWidth : 800, 
maxHeight : 600, fitToView : false, width : '70%', height : '70%', autoSize : false, 
closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>

출처

2014-03-18 jacob

스크립트를 볼 수 있습니까? – KRUKUSA

거기에 jQuery 스크립트를 추가했습니다. $를 사용하여 데이터베이스에서 PHP 페이지를 가져오고 있기 때문에 jQuery를 $로 바꿨습니다 (더 좋은 방법이없는 한) – jacob

약간의 코드를 정리하고 JSFiddle에서 실행 시켰습니다. 생성 된 YouTube URL이 /watch이 아닌 /embed URL을 사용하는지 확인하십시오. 정상적으로 작동하는지 잘 모르겠습니다. 확인하거나 거절하십시오.

HTML :

<a class="fancybox various fancybox.iframe" href="http://www.youtube.com/embed/9bZkp7q19f0?autoplay=true"><img class="recipe_pic " src="http://www.shoemycolor.com/media/wysiwyg/365984-gangnam-style.jpg"></a>

JS :

jQuery(document).ready(function() { 
    jQuery(".fancybox").fancybox(); 
});   

jQuery(document).ready(function() { 
    jQuery(".various").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width : '70%', 
     height : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
});