fanybox打开空白页与youtube api

Question

当我把一个链接像"http://www.youtube.com/embed/WQNQU_EQy6I"但我正在从youtube频道获取视频，视频的链接就像"http://www.youtube.com/watch?v=Neff9scaCCI&特性= youtube_gdata"fancybox不支持这些链接

请帮助。

JS -

<script type="text/javascript">
            $(document).ready(function() {
                $(".various").fancybox({
                    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" href="http://www.youtube.com/watch?v=Neff9scaCCI&feature=youtube_gdata">Video</a>

解决方案:我用这个来解决这个问题。$vd将视频的url存储在其中，并通过此代码将该链接转换为工作链接。

$vd = preg_replace('/.+(?|&)v=([a-zA-Z0-9]+).*/', 'http://youtube.com/embed/$2', $vd); 

然后使用

<a class="various fancybox.iframe" href="<?php echo $vd;?>">Video</a>

希望它能帮助像我这样的人寻找解决这个问题的方法。

Answer 1

需要使用fancybox媒体功能。试着把JS改成:

    $(document).ready(function() {
    $('.fancybox-media').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
});

并尝试将链接更改为:

<a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">Video</a>

更多信息请访问fancybox网站:http://www.fancyapps.com/fancybox/#examples

我希望这对你有帮助!