-1

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

http://fancyapps.com/fancybox/

与其按照应有的方式在我的网站上的弹出窗口中显示我的 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>
4

2 回答 2

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它不知道如何）。

于 2013-04-05T01:53:03.900 回答
0

这可能只是复制和粘贴失败或错字，但您的第二个<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>
于 2013-04-04T23:29:42.417 回答