Fancybox和YouTube

时间:2013-03-22 18:46:12

标签: youtube fancybox

我一直在这里寻找答案,尝试了很多建议,但我仍然很惊人。

我已将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

非常感谢任何帮助!

0 个答案:

没有答案