我知道有很多关于这方面的问题,但过去3天我一直在努力解决这个问题,并没有设法解决我的问题。 我在图片库上有Fancybox 2.0,它工作正常。 在另一个页面中有一个视频库,即使窗口弹出完美,它也不会显示视频而是显示空白页面。
以下是jquery的代码:
<link rel="stylesheet" type="text/css" media="screen" href="jquery.fancybox.css" />
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript" language="javascript" src="jquery.fancybox.js"></script>
<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>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('.fancybox').fancybox();
});
</script>
以下是我指的是:
<a class="various fancybox.iframe" href="<src="http://www.youtube.com/embed/WQNQU_EQy6I? rel=0" title="I'm floating"><img src="photos/floatings.png"></a>
任何帮助都会非常值得赞赏。
答案 0 :(得分:0)
首先,你在链接上的href有
<src="
,如
href="<src="http://www.youtube.com/embed/WQNQU_EQy6I? rel=0"
然后让它工作,删除
$('.fancybox').fancybox();
最后,大声笑,请提供一个示例视频,如“湖上的鸭子”,视频有点怪异。)