javascript - YouTube Fancybox でビデオが読み込まれない

Question

ビデオのサムネイルをクリックすると、ビデオがポップアップして FancyBox スクリプトで再生されますが、代わりにビデオがロードされません。どうしてこれなの？

Answer 1

fancybox v1.3.x のオプションを指定して fancybox v2.x を使用しています (これらは互いに互換性がありません)。

あなたの最善の策は、このスクリプトを取り除くことです:

<script type="text/javascript">
    $(".videobox").click(function () {
        $.fancybox({
            'padding': 0,
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'title': this.title,
            'width': 680,
            'height': 495,
            'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type': 'swf',
            'swf': {
                'wmode': 'transparent',
                'allowfullscreen': 'true'
            }
        });
        return false;
    });
</script>

代わりにこれを試してください：

<script type="text/javascript">
    $(document).ready(function () {
        $(".videobox").fancybox({
            width: 680,
            height: 495,
            type: "iframe"
        }); // fancybox
    }); // ready
</script>

type : "iframe"YouTubeembedモードを使用しているため、使用していることに注意してください

補足: 予期しないエラーを回避するために、実際には単一のインスタンス (理想的には最新バージョン) が必要な場合に、jQuery の 2 つのバージョン (1.7.1 および 1.7.2) をロードしています。