z-index Problem With Embed Code From YouTube

coderzone's Avatar, Join Date: Jul 2004
Team Leader
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?
0
shabbir's Avatar, Join Date: Jul 2004
Go4Expert Founder
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.
0
ManzZup's Avatar, Join Date: May 2009
Skilled contributor
try putting in a customized div rather than putting tthings on directly to embbed thing
<div style:"z-index:10">
you codingggg
</div>
0
shabbir's Avatar, Join Date: Jul 2004
Go4Expert Founder
Code:
<div style:"z-index:10">
Should be
Code:
<div style="z-index:10">
0
Max2010's Avatar, Join Date: Oct 2010
Go4Expert Member
try also with:

<param name="wmode" value="transparent" />
0
pein87's Avatar
Ambitious contributor
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.