如何在没有插件的情况下使用带有wordpress的fancybox？

Question

我正在尝试使用fancybox在我的wordpress网站中显示youtube视频。我确定按照fancybox.net的教程，但我没有得到任何好结果。该链接仍在youtube中打开整个视频页面而不是fancybox叠加。

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

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;
    });
});

希望这会对你有所帮助。