Welcome to TalkGraphics.com
Results 1 to 7 of 7
  1. #1
    Join Date
    Jan 2013
    Posts
    3

    Default Navigation bar stretching over a placeholder with youtube video

    On my website I am trying to place a horizontal navigation bar from which drop-down menus stretch down when you hover the mouse over the buttons, so that the menu overlays the page content.

    I have put the navigation bar on top of all content with the "arrange" function.

    It works ok with the text, however, when there is a placeholder with a youtube video on the page, the buttons roll down under the video instead of on top of it.

    Is there any way I can fix that?

  2. #2

    Default Re: Navigation bar stretching over a placeholder with youtube video

    Use the newer iframe embed code from YouTube. The problem goes away.

    See attached
    Attached Files Attached Files

  3. #3
    Join Date
    Jan 2013
    Posts
    3

    Default Re: Navigation bar stretching over a placeholder with youtube video

    Thanks, I see it can be solved, but not just the way I wished. I actually had iframe code already but I found out it didn't work because of animation and transparency of the menus. It seems they both have to be turned off. I don't know why this happens.

  4. #4

    Default Re: Navigation bar stretching over a placeholder with youtube video

    OK..
    Add ?wmode=transparent to the video URL like this

    <iframe width="560" height="315" src="http://www.youtube.com/embed/6GAmliL8uv0?wmode=transparent" frameborder="0" allowfullscreen></iframe>

  5. #5
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    12,420

    Default Re: Navigation bar stretching over a placeholder with youtube video

    My thought was something like including a negative z-index:

    <iframe width="100%" height="100%" src="http://www.youtube.com/embed/Jh3kcIDG434" frameborder="0" allowfullscreen style="z-index:-1;"></iframe>

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    12,420

    Default Re: Navigation bar stretching over a placeholder with youtube video

    Sledger's "?wmode=transparent" solution definitely works for me.

    Acorn

  7. #7
    Join Date
    Jan 2013
    Posts
    3

    Default Re: Navigation bar stretching over a placeholder with youtube video

    Thanks!
    Now it works perfectly!

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •