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

[MartynCheesman]

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

[MartynCheesman]

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!

[Mottie]

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:

[MartynCheesman]

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

[Author]

Posts