如何防止Youtube嵌入的WordPress內容被覆蓋


您是否去過一個網站,發現YouTube視頻等媒體元素會覆蓋其他內容? 如果您具有下拉菜單,浮動欄,燈箱彈出窗口等,則可能發生這種情況。在本文中,我們將向您展示如何防止YouTube oEmbed覆蓋您的WordPress內容。

例:

YouTube嵌入的問題

當您將視頻嵌入WordPress時,默認情況下它沒有wmode = transparent值。 這意味著視頻元素具有最高優先級,它將覆蓋任何浮動或動態元素。

這真讓人討厭。 因此,讓我們看一下如何在不使用醜陋的iFrames方法的情況下將?wmode = transparent添加到WordPress中的YouTube視頻中。

您所需要做的就是打開主題的functions.php文件或更好的站點的插件文件,然後粘貼以下代碼:

function add_video_wmode_transparent($html, $url, $attr) {

if ( strpos( $html, "

資源