YouTube Video infront of other content – CSS Z-Index
June 19, 2010 at 7:57 am Taco Fleur 16 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 !
LikeLike
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.
LikeLike
3.
Kari | August 18, 2010 at 12:48 pm
Thanks al lot mate!
LikeLike
4.
kleinbaas | August 19, 2010 at 2:32 pm
You are the balls!
Thanks 🙂
LikeLike
5.
Pablo | December 15, 2010 at 7:43 pm
Siiiiiiiiiiiiiiiiiiiiiiii me re sirvio, no sabia como solucionarlo.
Muchas gracias desde Argentina ;)!!!
LikeLike
6. YouTube Video infront of other content – CSS Z-Index | ARIK ESHEL, CPA & ASSOC.,PC | February 9, 2011 at 4:51 pm
[…] https://australiansearchengine.wordpress.com/2010/06/19/youtube-video-css-z-index/ […]
LikeLike
7.
Istik | April 12, 2011 at 10:32 am
thanks 🙂
LikeLike
8.
Suski Web Design LLC | January 16, 2012 at 1:56 am
Thank you, very helpful 🙂
LikeLike
9.
Greg | April 14, 2012 at 3:54 pm
Didnt work at all. Have any other suggestions?
LikeLike
10.
Rachel C Vane | April 25, 2012 at 8:32 pm
Thank YOU!!!! :)!
LikeLike
11. WordPress Tricks: How to fix the issue of YouTube videos appearing on top of other content « Icode4you – PHP, CSS, HTML, and Javascript coding tips, tricks, help, and more | May 1, 2012 at 5:25 pm
[…] I found this solution at https://australiansearchengine.wordpress.com/2010/06/19/youtube-video-css-z-index/ Related Posts:Wordpress Tricks: Get the titles of recent blog posts from a certain category using […]
LikeLike
12.
vinu | May 23, 2012 at 4:41 am
thanks and very useful solution
LikeLike
13.
Adam Wydeman | June 19, 2012 at 5:21 am
I love you!
LikeLike
14.
Douglas Tondo | June 26, 2012 at 11:27 pm
Thank you very much for this tip!!!!
LikeLike
15.
Santhosh | June 28, 2012 at 7:40 am
really.. great.. thanks..
LikeLike
16.
lukascz | December 11, 2012 at 10:08 am
THANK YOU!!
LikeLike