Viele kennen das Problem. Man bindet einen Flash-Film (zum Bsp. ein Youtube Video) auf einer Website ein und der Film überlagert andere Elemente wie DIV-Layer, Menüs oder sonstige HTML-Inhalte.
Dies ist nicht nur ärgerlich und unschön, sondern führt mitunter auch zu einer Beeinträchtigung der Seitenfunktionalität. Begründet ist diese Überlagerung in der Tatsache, dass ein Flash-Film in der Standard Konfiguration immer auf der obersten Ebene (Layer) angesiedelt ist.
Mit dem Parameter wmode kann man dem Flash Film dieses Privileg entziehen. Dabei kann wmode entweder auf transparent (funktioniert nur wenn der Flash-Film Transparenz aufweisst) oder auf opaque (undurchsichtig) gesetzt werden.
Anwendungsbeispiele:
Für den Internet Explorer fügt man den "wmode-Parameter" wie folgt dem Flash-Code hinzu:<param name="wmode" value="opaque">
Firefox bzw. Mozilla benötigen eine Angabe im Embed-Tag:wmode="opaque"
Für das Einbinden eines Youtube-Videos muss an die Adresse ?wmode=opaque angehangen werden.
Bsp.:<iframe width="560" height="345" src="http://www.youtube.com/embed/RxGmpIj6fFg?rel=0&hd=1?wmode=opaque" frameborder="0" allowfullscreen></iframe>
Falls die Überlagerung damit nicht beseitigt werden kann, muss dem Layer in dem der Flash-Film liegt über CSS per z-index eine niedrigere Ebene zugewiesen werden.