wordpress - YouTubeビデオのFancybox in loop

Question

これは過去数日間私を夢中にさせていたので、ここで質問すると思いました.同様の投稿がありました...しかし、どれも問題を解決しませんでした. よろしくお願いします。

これが私がやっていることです：

特定のタイプの投稿を取得するワードプレス ページ テンプレートがあります。これらの投稿には、YouTube 埋め込み URL を含むカスタム フィールドがあります。ページが表示されたら、ユーザーがサムネイルをクリックして、ビデオが入ったファンシーボックスを表示できるようにしたいと考えています。

問題は次のとおりです。

ループに表示される最初のリンクはうまく機能しますが、他のリンクはそうではありません (全画面ビデオに移動します)。IDが同じだからだと思います。これが事実である場合、これを実現する方法がわかりません。私が試してみたいコードや代替案を変更する方法についてのアイデアはありますか?

コードは次のとおりです。

$("#video").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;
});

また:

 <a id="video" title="<?php the_title();?>" href="<?php echo $lightbox;?>"><?php the_post_thumbnail( 'portfolio-post-thumbnail-xl' ); ?></a>

ご協力いただきありがとうございます。