Go4Expert

Go4Expert (http://www.go4expert.com/)
-   Web Design, HTML And CSS Forums (http://www.go4expert.com/forums/web-design-forum/)
-   -   z-index Problem With Embed Code From YouTube (http://www.go4expert.com/forums/z-index-embed-code-youtube-t23305/)

coderzone 14Sep2010 15:39

z-index Problem With Embed Code From YouTube
 
I am trying to embed a video from YouTube but I have some layers which just does not get above the YouTube Player or in other words I could not make the YouTube video go behind.

I have tried almost everything like setting z-index of my layers higher than YouTube Videos and vice versa but I see that it has no effect on the final layout.

Any idea how to get html layer to appear above the player?

shabbir 14Sep2010 20:27

Re: z-index Problem With Embed Code From YouTube
 
Yes also had this same issue and found a solution to it.

You have to add the following to your object code

HTML Code:

<param name="wmode" value="opaque" />
And following to your embed code

HTML Code:

wmode="opaque"
And it should work fine on all browsers as expected.

ManzZup 17Sep2010 17:36

Re: z-index Problem With Embed Code From YouTube
 
try putting in a customized div rather than putting tthings on directly to embbed thing
<div style:"z-index:10">
you codingggg
</div>

shabbir 17Sep2010 19:28

Re: z-index Problem With Embed Code From YouTube
 
Code:

<div style:"z-index:10">
Should be
Code:

<div style="z-index:10">

Max2010 17Oct2010 19:08

Re: z-index Problem With Embed Code From YouTube
 
try also with:

<param name="wmode" value="transparent" />

pein87 18Jan2011 09:53

Re: z-index Problem With Embed Code From YouTube
 
Flash will always have the highest z-index on the page so you cannot set an html element to be over a flash object(swf). Its one of the reasons why they praise html 5's video tag because its not the case in html 5.


All times are GMT +5.5. The time now is 04:32.