youtube - FancyboxとYouTube

Question

私はここで答えを探していて、かなりの数の提案を試しましたが、それでも印象的です。

Fancyboxを設定して、自分のサイトにサムネイル付きのYouTube動画を表示しています。しばらくの間問題なく動作していましたが、何らかの理由でビデオがFancyboxオーバーレイに表示されず、ブラウザウィンドウのみがフルサイズで表示されます。

私が使用しているjqueryは次のとおりです。

    <!-- Grab Google CDN's jQuery, fall back to local if offline -->

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

   <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

   <!-- FancyBox -->

   <script src="js/fancybox/jquery.fancybox.js"></script>
   <script src="js/fancybox/jquery.fancybox-buttons.js"></script>
   <script src="js/fancybox/jquery.fancybox-thumbs.js"></script>
   <script src="js/fancybox/jquery.easing-1.3.pack.js"></script>
   <script src="js/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
   <script type="text/javascript">

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

htmlは次のように設定されます。

<a class="various fancybox.iframe" title="Popular Mechanics Show" href="http://www.youtube.com/embed/Z0Hc272S2mk"><img src="images/video/popmech.jpg"></a>

ビデオページは次のとおりです：http：//mykelhawke.com/video

どんな助けでも大歓迎です！