Einige von Euch werden das kennen: Man baut in der Nähe seiner Navigation ein YouTube Video ein oder besser gesagt man bettet es ein und plötzlich sieht man nur noch die Hälfte, wenn nicht weniger, seines DropDown – Menüs. Und da ist dann auch schon das “Problem”! Aus irgendeinem Grund verhalten sich eingebettete Flashs, auch wenn man sie per iframe einfügt, nicht so wie andere Container. Da hilft es auch nicht sich mit dem Z-Index zu spielen.

Wo liegt also das Problem? Schauen wir uns zuerst den Code an den man von YouTube bekommt wenn man ein Video einbetten möchte:

[php]<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/khpGRiOk0cA?rel=0″ frameborder=”0″ allowfullscreen></iframe>[/php]

Fügen wir diesen nun an der Stelle ein wo wir ihn haben wollen kann es passieren, dass unser DropDown nun so aussieht

Sieht Erstens hässlich aus und Zweitens können so die Leser nicht erahnen was Ihr noch so an lesenswerten Schätzen auf  Eurer Webseite verborgen habt.

Kommen wir zur Lösung:

Nehmen wir uns nur den Link heraus http://www.youtube.com/embed/khpGRiOk0cA?rel=0 und ändern diesen in http://www.youtube.com/embed/khpGRiOk0cA?wmode=transparent&rel=0 und schon haben wir die Wurzel des Übels entfernt.

Ich hoffe Euch so vor unendlich vielen weißen Haaren bewahrt zu haben. Have Fun! :)