Question

使用Fancy框显示我的YouTube视频时遇到实际问题。我按照以下说明进行操作：

不是在我网站上的弹出窗口中显示我的YouTube视频，而是直接将其转到YouTube上。

有人可以帮忙吗？

的JavaScript /的fancybox：

<script type="text/javascript" src="Fancybox/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="Fancybox/lib/jquery.mousewheel-3.0.6.pack.js</script>
<link rel="stylesheet" href="Fancybox/source/jquery.fancybox.css" type="text/css"media="screen" />

<script type="text/javascript">

 $(document).ready(function() {
    $(".info").fancybox({
    openEffect  : 'elastic',
    closeEffect : 'fade',
    helpers : {

        media : {}
    }
});
});

</script>

HTML：

    <div class="view view-first">  

 <img src="http://www.intelligenthq.com/wp-content/uploads/2012/01/capital-markets1-360x194.jpg" />
 <div class="mask">  
 <h2>Title</h2>  
 <p>Your Text</p>  
 <a href="http://www.youtube.com/watch?v=92c3dX-AoXs" class="info">Play</a>  

    </div>

    </div>

Answer 1

看一下这些例子，你可能不得不通过加入媒体助手来选择行为：

<!-- Optionally add helpers - button, thumbnail and/or media -->
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>

默认情况下，Fancybox不会对此类链接执行转换，即使已明确启用它们（因为没有fancybox-media它也不知道如何）。

Answer 2

它可能只是复制和粘贴失败或拼写错误，但您的第二个<script/>标记格式不正确：

<script type="text/javascript" src="Fancybox/lib/jquery.mousewheel-3.0.6.pack.js</script>

应该是

<script type="text/javascript" src="Fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

Fancybox Youtube问题

2 个答案: