我一直在这里寻找答案,尝试了很多建议,但我仍然很惊人。
我已将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
非常感谢任何帮助!