Main navigation dropdown menus fall behind youtube videos
I am using WP 3.3.1 and latest Mystique theme, Browser Chrome and Firefox.
After update 3.3.1 update my main navigation menu bar “disappears” behind youtube embedded videos. I use the video url as code only in the post/page html. I tried changing the z-index but this made no difference. I used the &wm=transparent modifier to the youtube videos as well but then it only shows a black frame where the video should be.
Please help with this
Any chance you can post a link to the site? Will have a look at it.
This link is very old and references “flash” but the youtube videos aren’t flash? also do you need to put this in css or use it as a seperate modifier to the youtube url (and how would the url look like as I’m not great with html and css)
I am after all a physio not web designer. Thanks again for the help
also when I use the following embed code I just get a blank space
<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/CE3rJL5DKiE?rel=0″ frameborder=”0″ allowfullscreen></iframe>
where the video should be
as mentioned before, if I use this code EVEN WITH the wmode the video doesn’t show! I’m using google chrome
I hope you have read the whole article.
The only change you need to do is to add an extra parameter ?wmode=transparent to the src link.
<iframe width="420" height="345" src="http://www.youtube.com/embed/FF183gRb4sw?wmode=transparent" frameborder="0" allowfullscreen>
yes I did thanks, this didn’t solve the problem,
however I was browsing through my css files and I think I saw the error on the “iframe” embed code, it had a low z-index so i’ve changed that, i’ll try this first and see if it makes a difference.
I have a similar problem, drop down menu looks different in IE9 than Firefox. IE9 is the problem here, The video drop down menu called “building tutorials” is positioned differently in IE9 than firefox, I cannot select “Stage 1 videos”, looks like it is under the main menu bar. goto finxi.ca
I tried the ?wmode=transparent to the embedded source code for the iframe and it didn’t work either. I’m still struggling to find a solution. I’ll check and see what my iframe css is, if I even have it.
just found a solution that worked for me – http://www.wilsonmediaconsulting.com/wordpress-dropdown-menu-behind-video/
- The topic ‘Main navigation dropdown menus fall behind youtube videos’ is closed to new replies.