YouTube Video infront of other content – CSS Z-Index
June 19, 2010 at 7:57 am Australian Search Engine 8 comments
If you have YouTube videos that appear infront of your other website content and giving it a lower z-index does not seem to do the trick then try adding the wmode parameter to the embedded movie.
<object width='425' height='344'> <param name='movie' value='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1'> <param name='type' value='application/x-shockwave-flash'> <param name='allowfullscreen' value='true'> <param name='allowscriptaccess' value='always'> <param name="wmode" value="opaque" /> <embed width='425' height='344' src='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1' type='application/x-shockwave-flash' allowfullscreen='true' allowscriptaccess='always' wmode="opaque" ></embed> </object>
Entry filed under: Programming. Tags: css, youtube, z-index.
1.
Gold Beach Resort Mauritius | August 3, 2010 at 5:51 am
Only one word, GREAT !
2.
Justin Germino | August 4, 2010 at 3:05 am
I added the wmode=”opaque” to my object and embed tags and it still doesn’t allow my popup to move in front of the YouTube video.
3.
Kari | August 18, 2010 at 12:48 pm
Thanks al lot mate!
4.
kleinbaas | August 19, 2010 at 2:32 pm
You are the balls!
Thanks
5.
Pablo | December 15, 2010 at 7:43 pm
Siiiiiiiiiiiiiiiiiiiiiiii me re sirvio, no sabia como solucionarlo.
!!!
Muchas gracias desde Argentina
6. YouTube Video infront of other content – CSS Z-Index | ARIK ESHEL, CPA & ASSOC.,PC | February 9, 2011 at 4:51 pm
[...] http://australiansearchengine.wordpress.com/2010/06/19/youtube-video-css-z-index/ [...]
7.
Istik | April 12, 2011 at 10:32 am
thanks
8.
Suski Web Design LLC | January 16, 2012 at 1:56 am
Thank you, very helpful