我正尝试使用fancybox在我的WordPress网站中显示YouTube视频。我肯定遵循fancybox.net的教程,但我没有得到任何好的结果。该链接仍然在youtube上打开整个视频页面,而不是fancybox叠加层。如何在没有插件的情况下使用fancybox和wordpress?
任何帮助将不胜感激。 注:我不想使用插件
我正尝试使用fancybox在我的WordPress网站中显示YouTube视频。我肯定遵循fancybox.net的教程,但我没有得到任何好的结果。该链接仍然在youtube上打开整个视频页面,而不是fancybox叠加层。如何在没有插件的情况下使用fancybox和wordpress?
任何帮助将不胜感激。 注:我不想使用插件
你必须包括在网站头只是的CSS的fancybox和JavaScript的,然后你可以应用到任何你的博客文章,内容所需的类或ID的。
我已经经历了它,并已在网上放了一个工作示例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;
});
});
希望这可以帮助你多一点。
请将$替换为jQuery,而不是在冲突模式下更好。 http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers – moffepoffe
非常感谢。我发现我的问题是对儿童主题的引用。 – ftoure
我包括了CSS和JavaScript,但没有发生。有没有具体的做法?我应该从你的观点包括什么文件@Haso Keric谢谢。 – ftoure