我一直在这里寻找答案,尝试了很多建议,但仍在三振。
我将 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
任何帮助是极大的赞赏!