适用于youtube视频的Fancybox循环播放

Question

过去几天这让我很疯狂，所以我想我会问这里的问题，有类似的帖子......但没有一个能解决这个问题。在此先感谢您的帮助！

这是我正在做的事情：

我有一个wordpress页面模板，可以提取某种类型的帖子，这些帖子有一个自定义字段，其中包含youtube embed url。当页面显示时，我希望用户能够点击缩略图以显示包含视频的fancybox。

问题在于：

循环中显示的第一个链接效果很好......但其他链接不起作用（它们转到全屏视频）。我认为这与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>

再次感谢您的帮助！