Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal!
Eu estou finalizando um site e estou com um problema, eu tenho um lightbox do plugin fancybox na mesma pagina que tenho um iframe do youtube, e quando eu clico na miniatura da foto para abrir o modal abre certo, mas aonde esta o vídeo aparece atras, é como se fosse assim:
iframe {z-index: 3;}
modal {z-index: 2;}
todo conteduo {z-index: 1;}
Desde já grato!
:D
Aquilo do z-index era só para entender o que estava acontecendo, eu ja havia colocado z-index e position, estou colocando aqui o que está acontecendo, eu ja havia achado uma solução a um tempo atras mas eu acabei perdendo o link, mas é algo que é colocado no iframe.
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.tecsoft.ind.br/image/chrome.jpg&key=174d5d9d49cfda0b7b2292b2e5d8f84b9022423aba98f2ba99e5c1847752981f" alt="chrome.jpg" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.tecsoft.ind.br/image/ie.jpg&key=3ddf34daf9430b4e435e924c00de6854be4104264377dba6cc0c83032e48242a" alt="ie.jpg" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.tecsoft.ind.br/image/FireFox.jpg&key=b2eb41ced6377dbb72281021bfe2636c48dcc40927b1fee7ef9231c67f5c5477" alt="FireFox.jpg" />
>
Quando se usa z-index, sempre deve usar position. Se estiver sem position o z-index não funciona direito. Poe position:relative; que resolve o problema eu acho
Mesmo assim obrigado!
Nesse caso, vai precisar do código mesmo, tem como você passar?
com toda a certeza, só um minuto
<iframe width="320" height="247" src="http://www.youtube.com/embed/7PV5j3kZnH8" frameborder="0" wmode="transparent" allowfullscreen></iframe>
Vi um mesmo problema em outro tópico, tenta colocar wmode="transparent" para ver senao resolve
o z-index que você ta usando, ta quanto nesse iframe e ta quanto na janela modal?
>
Vi um mesmo problema em outro tópico, tenta colocar wmode="transparent" para ver senao resolve
o z-index que você ta usando, ta quanto nesse iframe e ta quanto na janela modal?
No iframe eu estou usando z-index: 2 e no modal o jquery gera z-index 1100 no fundo escuro e 1101 no modal, e o wmode="transparent" eu já estou usando.
Acho que vou trocar, ao invés de
<iframe width="320" height="247" src="http://www.youtube.com/embed/7PV5j3kZnH8" frameborder="0" wmode="transparent" allowfullscreen></iframe>
irei usar
<object width="320" height="247"><param name="movie" value="http://www.youtube.com/v/7PV5j3kZnH8?version=3&hl=pt_BR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7PV5j3kZnH8?version=3&hl=pt_BR" type="application/x-shockwave-flash" width="320" height="247" allowscriptaccess="always" allowfullscreen="true"></embed></object>Talvez assim da certo!
Rafael, eu troquei lá, agora estou chamando o video assim
<object width="320" height="240">
<param name="movie" value="http://www.youtube.com/v/7PV5j3kZnH8?version=3&hl=pt_BR"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/7PV5j3kZnH8?version=3&hl=pt_BR" type="application/x-shockwave-flash" wmode="transparent" width="320" height="240" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>Deu certo só depois que eu coloquei wmode="transparent", funcionou em todos os navegadores e no ie a partir do 8.
Muito Obrigrado Rafael!
Frescura básica para não funcionar de primeira, sempre tem que fazer de outro jeito, nunca pode ser de primeira :P
:thumbsup:
>
Frescura básica para não funcionar de primeira, sempre tem que fazer de outro jeito, nunca pode ser de primeira :P
:thumbsup:
Muito obrigado mesmo Rafael!
Quando se usa z-index, sempre deve usar position. Se estiver sem position o z-index não funciona direito. Poe position:relative; que resolve o problema eu acho