如何在没有插件的情况下将 fancybox 与 wordpress 一起使用？

Question

我正在尝试使用 fancybox 在我的 wordpress 网站中显示 youtube 视频。我确信会遵循来自 fancybox.net 的教程，但我没有得到任何好的结果。该链接仍会在 youtube 中打开视频的完整页面，而不是花式框覆盖。

任何帮助将不胜感激。 注意：我不想使用插件

Answer 1

您必须在站点头部简单地包含fancybox css 和javascripts，然后您就可以将所需的类或id 应用于您的任何博客文章、内容。

Answer 2

我已经为您完成了它，并在网上发布了一个工作示例HERE。这里是用到的js

    $(document).ready(function() {

    $(".video").click(function() {
        $.fancybox({
            'padding'       : 0,
            'autoScale'     : false,
            'transitionIn'  : 'none',
            'transitionOut' : 'none',
            'title'         : this.title,
            'width'         : 640,
            'height'        : 385,
            'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type'          : 'swf',
            'swf'           : {
            'wmode'             : 'transparent',
            'allowfullscreen'   : 'true'
            }
        });
        return false;
    });
});

希望这对你有更多帮助。