Vídeos do YouTube em cima do efeito Fancybox

Um problema que vi outro dia foi um vídeo do YouTube ficar por cima de uma imagem aberta com o Fancybox.
Quando o YouTube fornecia o código em flash pra colocar no site/blog era fácil fazer esse problema ir embora, mas agora ele fornece um iframe.

Passei um bom tempo pesquisando a respeito e descobri que a solução é bem simples. Basta adicionar ?wmode=transparent no final da url no iframe.

Então pegamos como exemplo esse iframe que o YouTube forneceu:

<iframe width="560" height="315" src="http://www.youtube.com/embed/5R8nykny6r0" frameborder="0" allowfullscreen></iframe>

Com o código no final da url, ficará assim:

<iframe width="560" height="315" src="http://www.youtube.com/embed/5R8nykny6r0?wmode=transparent" frameborder="0" allowfullscreen></iframe>

Funcionou perfeitamente nos meus testes. Nada de vídeo por cima do efeito Fancybox.
Acredito que isso deva resolver para quem usa outros plugins similares e caso tenha algum outro elemento na página que acaba ficando por baixo do vídeo.


01 Comentário Adicione o seu »

  1. Oct 04, 2011 às 17:18

    Ola, eu tenho um blog onde uso um dos seus ‘free themes’ e eu adoro ele, mas eu queria um que fosse só meu, então resolvi fazer um eu mesma. Mas me da pena de trocar porque eu adoro a fonte que você usou nele. Gostaria de coloca-la no que estou fazendo, mas não sei se tenho permissão pra isso, se a fonte é sua, ou alguma coisa assim, porque eu procurei por ela na internet e ate achei pra baixar, mas não sei se posso usa-la. O meu theme é o ‘Inspiration’.
    Ah, tenho mais uma pergunta, tem algum outro jeito de colocar um fonte no blog sem ter ftp ?

    Agradeço desde já,
    Alice

    Comentar

    • * requerido