如何在没有插件的情况下将fancybox与wordpress结合使用?

如何在没有插件的情况下将fancybox与wordpress结合使用?,wordpress,youtube,overlay,fancybox,Wordpress,Youtube,Overlay,Fancybox,我正试图使用fancybox在我的wordpress网站上显示youtube视频。我肯定会遵循fancybox.net的教程,但我没有得到任何好的结果。该链接仍在youtube上打开视频的完整页面,而不是fancybox覆盖 任何帮助都将不胜感激。 注意:我不想使用插件,你只需在网站头中加入fancybox css和javascripts,然后你就可以将所需的类或id应用于你的任何博客帖子、内容。我已经为你介绍了它,并在网上提供了一个工作示例。这里是使用的js $(document).r

我正试图使用fancybox在我的wordpress网站上显示youtube视频。我肯定会遵循fancybox.net的教程,但我没有得到任何好的结果。该链接仍在youtube上打开视频的完整页面,而不是fancybox覆盖

任何帮助都将不胜感激。
注意:我不想使用插件,你只需在网站头中加入fancybox css和javascripts,然后你就可以将所需的类或id应用于你的任何博客帖子、内容。

我已经为你介绍了它,并在网上提供了一个工作示例。这里是使用的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;
    });
});

希望这能对您有所帮助。

我包括了css和javascript,但什么也没发生。有没有具体的方法?从您的观点来看,我应该包括什么文件@Haso Keric谢谢。请用jQuery替换$,在无冲突模式下效果更好。非常感谢你。我发现我的问题是对儿童主题的引用。