YouTube Video infront of other content – CSS Z-Index

June 19, 2010 at 7:57 am Australian Search Engine 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>

About these ads

Entry filed under: Programming. Tags: css, youtube, z-index.

EWay ColdFusion Component CFC – Payment Gateway Facebook Advertising does NOT work!

16 Comments Add your own

1. Gold Beach Resort Mauritius | August 3, 2010 at 5:51 am

Only one word, GREAT !
Reply
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.
Reply
3. Kari | August 18, 2010 at 12:48 pm

Thanks al lot mate!
Reply
4. kleinbaas | August 19, 2010 at 2:32 pm

You are the balls!
Thanks :-)
Reply
5. Pablo | December 15, 2010 at 7:43 pm

Siiiiiiiiiiiiiiiiiiiiiiii me re sirvio, no sabia como solucionarlo.
Muchas gracias desde Argentina ;)!!!
Reply
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/ […]
Reply
7. Istik | April 12, 2011 at 10:32 am

thanks :-)
Reply
8. Suski Web Design LLC | January 16, 2012 at 1:56 am

Thank you, very helpful :-)
Reply
9. Greg | April 14, 2012 at 3:54 pm

Didnt work at all. Have any other suggestions?
Reply
10. Rachel C Vane | April 25, 2012 at 8:32 pm

Thank YOU!!!! :)!
Reply
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 […]
Reply
12. vinu | May 23, 2012 at 4:41 am

thanks and very useful solution
Reply
13. Adam Wydeman | June 19, 2012 at 5:21 am

I love you!
Reply
14. Douglas Tondo | June 26, 2012 at 11:27 pm

Thank you very much for this tip!!!!
Reply
15. Santhosh | June 28, 2012 at 7:40 am

really.. great.. thanks..
Reply
16. lukascz | December 11, 2012 at 10:08 am

THANK YOU!!
Reply