Hur man förhindrar att Youtube oEmbed ÄsidosÀtter ditt WordPress-innehÄll

Youtube oEmbed issue

Har du nÄgonsin besökt en webbplats dÀr du mÀrker att mediaelement som YouTube-videor ÄsidosÀtter annat innehÄll? Detta kan hÀnda om du har rullgardinsmenyer, flytande staplar, popup-fönster i lightbox etc. I den hÀr artikeln visar vi dig hur du kan förhindra att YouTube oEmbed ÄsidosÀtter ditt WordPress-innehÄll.

Exempel:

NÀr du bÀddar in en video i WordPress har den som standard inte wmode = transparent vÀrde. Vad det betyder Àr att videoelement har högsta prioritet och det kommer att ÄsidosÀtta alla flytande eller dynamiska element.

Detta blir riktigt irriterande. SÄ lÄt oss ta en titt pÄ hur man lÀgger till? Wmode = transparent för YouTube-videor i WordPress utan att anvÀnda den fula iFrames-metoden.

Allt du behöver göra Àr att öppna ditt temas funktioner.php-fil eller Ànnu bÀttre din webbplats plugin-fil och klistra in följande kod:

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);

KĂ€lla