跳到主要内容

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

例:

如何防止youtube嵌入的wordpress内容被覆盖
如何防止youtube嵌入的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);

回到顶部
关闭菜单