Grow your CSS skills. Land your dream job.

Assistance Needed! Nav in IE not showing with Youtube embedded player.

  • # January 8, 2013 at 5:44 am

    Hi All,

    I am quite new to web design, I have built a responsive site with embedded iframe at the top of the index page. This works in all browsers across all formats except IE (all versions), the player covers the nav bar. I have tried a number of css tricks and have created a conditional style sheet but to no avail. Would appreciate any suggestions.

    Many thanks

    # January 8, 2013 at 5:50 am

    Sorry, I forgot to mention the actual problem. In IE the player covers over the nav bar, here is the site url for reference:

    http://docmanagement.eu

    Thanks again!

    # January 8, 2013 at 10:48 am

    I believe the problem is due to the wmode attribute.

    Since you are using YouTube in an iframe, you’ll just need to add a parameter (`&wmode=opaque`) to the end of the iframe src:

    So change your iframe tag from this:

    to this:

    # January 8, 2013 at 1:55 pm

    Thanks Mottie, worked a charm! Nice one for taking the time.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".