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

Voncb-webstyles

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" frameborder="0">

Der modifizierte Youtube Link so:

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

Den zusätzlichen Code habe ich euch dick markiert.

Jetzt sollte euer Youtube Video keine Inhalte mehr verdecken 🙂

Über den Autor

„Hallo, mein Name ist Carsten Bethäuser. Ich beschäftige mich seit über 20 Jahren mit Digitalem Marketing. In dieser langen Zeit konnte ich sehr viele Erfahrungen in unterschiedlichsten Unternehmen sammeln. Dieses Wissen möchte ich an meine Kunden weitergeben. Denn nichts bereitet mir mehr Freude, als zu Ihrem Erfolg beizutragen.“

Schreibe eine Antwort