-1

「http://www.youtube.com/embed/WQNQU_EQy6I」のようなリンクを配置している場合、Fancybox は正常に動作していますが、YouTube チャンネルからビデオをフェッチしており、ビデオのリンクは「http://www.youtube. com/watch?v=Neff9scaCCI&feature=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>

この問題の解決策を探している私のような人に役立つことを願っています。

4

1 に答える 1

0

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 の Web サイトをご覧ください: http://www.fancyapps.com/fancybox/#examples

これが役立つことを願っています！

于 2013-01-20T14:34:50.203 に答える