FancyBox Youtube 비디오가 화면을 표시하는 이유는 무엇입니까?

내부에 iframe이있는 fancybox가 있습니다. 비디오를 클릭하면 전체 화면에 맞게 열립니다. 왜 이런 일이 일어나고 있는지에 대한 아이디어가 있습니까?FancyBox Youtube 비디오가 화면을 표시하는 이유는 무엇입니까?

여기

는 스크립트이며, 여기

<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" /> 
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.0.4"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

을 연결하는 JQuery와

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

</script>

및 마크 업

<div> 
     <a class="various fancybox.iframe" href="http://www.youtube.com/embed/mvJNlFTswKQ?rel=0?autoplay=1" title="teaser" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','Images/video_tour2.jpg',1)"><img src="Images/video_tour1.jpg" alt="take a video tour" name="Image6" width="340" height="81" border="0" id="Image6" /></a> 
     </div>

감사합니다!

출처

2012-01-20 Greg

실제로 fancybox가 전혀 열리지 않은 것 같습니다.

예를 들어 http://www.youtube.com/embed/mvJNlFTswKQ?rel=0?autoplay=1과 같은 링크를 클릭하면 fancybox가없는 전체 뷰포트에서 YouTube가 열립니다.

링크를 클릭하면 js 오류가 발생하므로 fancybox가 실행되지 않으므로 비디오가 열리고 전체 뷰포트가 사용됩니다.

jQuery js 파일 앞에 fancybox js 파일을로드하기 때문입니다.

모든 jQuery 플러그인 js 파일은 항상 jQuery js 파일 이후에로드해야합니다.

출처

2012-01-20 18:57:15 JFK

FancyBox Youtube 비디오가 화면을 표시하는 이유는 무엇입니까?

답변

관련 문제