Youtube Video immer im Vordergrund? Div’s verdeckt? z-index ignoriert?

Bei vielen Websites kommt es vor, dass sich eingebettete Youtube Videos in den Vordergrund drängen. Damit geraten andere Div’s, Inhalte und Menüs in den Hintergrund und werden nicht mehr gesehen. Für dieses Problem gibt es eine Lösung die bei mir bis jetzt immer prima funktioniert hat. Ihr müsst einfach nur dem Youtube Code vor dem Einbetten etwas hinzufügen.

Ein normaler Youtube Link sieht so aus:

<iframe title="meintitel" width="500" height="420" src="http://www.youtube.com/embed/Video" >

Der modifizierte Youtube Link so:

<iframe title="mein modifiziertes Video" width="500" height="420" src="http://www.youtube.com/embed/Video?wmode=transparent" wmode="Opaque">

Den zusätzlichen Code habe ich euch dick markiert.

Jetzt sollte euer Youtube Video keine Inhalte mehr verdecken 🙂