如何防止Youtube嵌入的WordPress内容被覆盖

您是否去过一个网站，发现YouTube视频等媒体元素会覆盖其他内容？如果您有下拉菜单，浮动栏，灯箱弹出窗口等，则可能发生这种情况。在本文中，我们将向您展示如何防止YouTube oEmbed覆盖您的WordPress内容。

例：

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

这真让人讨厌。因此，让我们看一下如何在不使用丑陋的iFrames方法的情况下将？wmode = transparent添加到WordPress中的YouTube视频中。

您所需要做的就是打开主题的functions.php文件或更好的站点的插件文件，然后粘贴以下代码：

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