FancyBoxのYoutubeビデオが画面をcomsumingするのはなぜですか？

Question

私はyoutube iframeの中にfancyboxを持っています。ビデオをクリックすると、画面全体に合わせて開きます。なぜこれが起こっているのかについてのアイデアはありますか？

ここ

はスクリプトであり、ここで

<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> 

感謝です！

Answer 1

実際にファンシーボックスは一切開かれていないようです。

たとえば、http://www.youtube.com/embed/mvJNlFTswKQ?rel=0?autoplay=1のリンクをクリックすると、あなたに起こっているように、ファンシーボックスのない完全なビューポートでYouTubeが開かれます。

リンクをクリックすると、jsエラーが発生するため、fancyboxが起動しないため、ビデオが開き、ビューポート全体が使用されます。

これは、jQuery jsファイルの前にfancybox jsファイルをロードしているためです。

すべてのjQueryプラグインjsファイルは、常にjQuery jsファイルの後にロードする必要があります。