YouTube Video infront of other content – CSS Z-Index

June 19, 2010 at 7:57 am 15 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: , , .

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

15 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
  • [...] http://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
  • [...] I found this solution at http://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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 19 other followers

Archives

Top Rated

Blog Stats

  • 153,131 hits

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: