Você está procurando uma maneira de adicionar o parâmetro wmode a oEmbeds? oEmbed transformará um URL do YouTube ou qualquer link semelhante em um vídeo incorporado sem a necessidade de adicionar nenhum HTML. Embora provavelmente exista um plugin para isso, criamos um pequeno trecho de código que você pode usar para inserir o parâmetro wmode em oEmbeds no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a um plugin específico do site:
add_filter( 'oembed_result', 'slt_wmode_opaque', 10, 3 );
function slt_wmode_opaque( $html, $url, $args ) {
if ( strpos( $html, '<param name="movie"' ) !== false )
$html = preg_replace( '|</param>|', '</param><param name="wmode" value="opaque"></param>', $html, 1 );
if ( strpos( $html, '<embed' ) !== false )
$html = str_replace( '<embed', '<embed wmode="opaque"', $html );
return $html;
}
Sites suportados: YouTube, Vimeo, DailyMotion, blip.tv, Flickr, Viddler, Hulu, Qik, Revision3, Scribd, Photobucket, PollDaddy, Google Video, WordPress.tv, SmugMug, FunnyOrDie.com
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar / colar trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site como: Como criar um formulário de várias páginas no WordPress e 43 melhores temas de fotografia para WordPress.
Desculpe pelo comentário bobo, mas como eu implemento isso?
Passo 1: copie o código fornecido no meu arquivo functions.php
Passo 2: ¿?
Eu segui o passo 1, mas nada funcionou
Esta é a primeira solução que encontrei para este problema que (quase inteiramente) funciona! Eu agradeço! No entanto, ainda estou tendo o mesmo problema quando carrego meu site no Chrome (15.0.874.121) para OSX. O Firefox funciona muito bem. O Safari funciona muito bem. Ainda não testei em nenhum navegador do Windows. Você sabe, há algo específico sobre o Chrome que faz com que esta correção não funcione, e há alguma opção para resolver isso?
Esta função não é específica do navegador, pois roda no servidor. no entanto, você quer dizer que o parâmetro wmode não funciona no Chrome?
Isso está correto. Parece não ter nenhum efeito ao visualizar meu site no Chrome. O menu suspenso ainda aparece atrás do vídeo incorporado. Mas corrigiu o problema no Safari e no Firefox.
Ahh, entendi, ok, bem, para que seu menu funcione, você precisaria mudar o parâmetro para “transparent” em vez de “opaque”, isso deve resolver as coisas. Está nas linhas 4 e 6.
Hmmm… Tentei mudar para transparent, mas isso não teve efeito no Chrome.
Parece que você também precisaria definir um z-index no objeto flash.
Ok, então… sobre a questão de definir um z-index… o problema que estou tendo é que estou tentando incorporar vídeos do YouTube simplesmente incluindo o link do YouTube inline na postagem. Se houver um parâmetro adicional que eu possa adicionar ao link do YouTube para definir o z-index, eu não estou ciente disso. Onde estou agora, está funcionando em todos os navegadores que testei, exceto no Chrome (que, infelizmente, representa cerca de 25% do meu tráfego). Mas eu estava tentando evitar voltar a usar código de incorporação por simplicidade. Parece que isso pode ser o melhor que vai conseguir sem complicar o processo de postagem para meus colaboradores.
Não é isso que quero dizer, seu menu suspenso terá um z-index definido para que o menu seja exibido sobre o conteúdo. Eu li algo, uma coisa que encontrei foi que eles disseram para definir um z-index para o objeto, por exemplo:
object, embed{ position:relative; z-index:1; }
apenas certifique-se de que seu menu tenha um z-index mais alto se você continuar tendo problemas, use o formulário de contato e posso enviar um e-mail sobre as coisas em vez de usar os comentários.