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

当您将视频嵌入WordPress时,默认情况下它没有wmode = transparent值。这意味着视频元素具有最高优先级,它将覆盖任何浮动或动态元素。
这真让人讨厌。因此,让我们看一下如何在不使用丑陋的iFrames方法的情况下将?wmode = transparent添加到WordPress中的YouTube视频中。
您所需要做的就是打开主题的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);