你有没有去过一个网站,你注意到YouTube视频等媒体元素会覆盖其他内容?如果您有下拉菜单,浮动条,灯箱弹出窗口等,就会发生这种情况。在本文中,我们将向您展示如何阻止YouTube oEmbed覆盖您的WordPress内容。

示例:

Youtube oEmbed issue

当您在WordPress中嵌入视频时,默认情况下它没有wmode =透明值。这意味着视频元素具有最高优先级,它将覆盖任何浮动或动态元素。

这真的很烦人。那么让我们来看看如何在不使用丑陋的iFrames方法的情况下在WordPress中为YouTube视频添加?wmode = transparent

您所要做的就是打开主题的functions.php文件或更好的网站插件文件并粘贴以下代码:

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

if ( strpos( $html, "<embed src=" ) !== false )
   { return str_replace("</param><embed", "</param><param name="wmode" value="opaque"></param><embed wmode="opaque" ", $html); }
elseif ( strpos ( $html, "feature=oembed" ) !== false )
   { return str_replace( "feature=oembed", "feature=oembed&wmode=opaque", $html ); }
else
   { return $html; }
}
add_filter( "embed_oembed_html", "add_video_wmode_transparent", 10, 3);

评论被关闭。