1

i've been working on a toolbar at the top of my sample website:

http://theplagueround.com/dev/

but it gets hidden behind any youtube video content. i've seen a post or two about adding parameters to the tag, but youtube is also using iframes now so that doesn't apply.

helgatheviking
  • 25,596
  • 11
  • 95
  • 152
  • 1
    checked the z-index? Place a div a huge zindex on it and see if it hides it. If no.. try add another iframe to the same divwith another z-index. One of these should do the trick but imo check carefully what is causing the problem. What browser are you using? – Oliver M Grech May 23 '11 at 06:56

2 Answers2

4

You may want to try my plugin for Youtube (4000+ downloads so far): Youtube shortcode

No design issues have been reported.

Tubal Martin
  • 41
  • 1
1

To have a Youtube video appear behind your toolbar, you should add the parameter wmode=transparent to the end of the URL.

So change this:

<iframe width="425" height="349" 
    src="http://www.youtube.com/embed/H1Opn4DS88k" 
    frameborder="0" allowfullscreen></iframe>

to this:

<iframe width="425" height="349" 
    src="http://www.youtube.com/embed/H1Opn4DS88k?wmode=transparent"     
    frameborder="0" allowfullscreen></iframe>

More here:

If you don't want to hardcode the HTML into your posts, you should use a plugin like the one provided by @Tubal Martin. This has the advantage that if Youtube update their embed code in the future, you should only need to upgrade the plugin to the latest version.

Ciaran
  • 1,904
  • 16
  • 27
  • 1
    thanks... wmode solves it. i don't like hardcoding it, but this project has been going on forever and this is the fastest for right now. – helgatheviking May 24 '11 at 04:05