z-index Problem With Embed Code From YouTube

Team Leader
14Sep2010,15:39   #1
coderzone's Avatar
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?
Go4Expert Founder
14Sep2010,20:27   #2
shabbir's Avatar
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.
Skilled contributor
17Sep2010,17:36   #3
ManzZup's Avatar
try putting in a customized div rather than putting tthings on directly to embbed thing
<div style:"z-index:10">
you codingggg
</div>
Go4Expert Founder
17Sep2010,19:28   #4
shabbir's Avatar
Code:
<div style:"z-index:10">
Should be
Code:
<div style="z-index:10">
Go4Expert Member
17Oct2010,19:08   #5
Max2010's Avatar
try also with:

<param name="wmode" value="transparent" />
Ambitious contributor
18Jan2011,09:53   #6
pein87's Avatar
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.