我正嘗試使用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