Flash Datei mit transparentem Hintergrund einbinden

Hier mal eine kurze Beschreibung um einen Flash Film in einen HTML Container zu setzen, wobei der Hintergrund des Flash Films transparent sein soll.

Dazu muß man im Flash Film unter ‘Einstellungen für Veröffentlichungen’ / ‘HTML’  beim ‘Fenstermodus’ ‘undurchsichtig ohne Fenster’ wählen. Beim einbetten in HTML fügt man <param name=”wmode” value=”transparent” /> und im embed Tag das Attribut wmode=”transparent” hinzu.

Beispiel

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="src" value="images/home.swf" />
<embed type="application/x-shockwave-flash" width="560" height="225" src="images/home.swf" wmode="transparent" quality="high"></embed>
</object>

Flash Detection

Wer auf der Suche nach einem guten Flash Detection Script ist wird hier fündig. Diese Möglichkeit funktionert auch im Safari, denn das Flash Player Detection Kit von Adobe funktioniert im Safari Browser nicht.

Flash Content und z-index

Heute stand ich vor dem Problem, dass ich eine Hauptnavigation im Header positioniert hatte, die Submenüpunkte sollten beim MouseOver ausgeklappt werden. Das funktionierte auch ganz gut, bis ich unter der Hauptnavigation in den vorhandenen Container ein FlashBanner eingefügt habe. Prompt war das Aufklappmenü nicht mehr zu sehen. Das Flashbanner war auch mit z-index:1 (Hauptnavigation mit z-index:10) nicht in den Hintergrund zu bewegen. Das Problem hatte ich nur im IE (5-7) Nach ein wenig googeln fand ich in diesen Artikel die Lösung.

1. <object
   type=”application/x-shockwave-flash” data=”/flash/navbar.swf”
   width=”750″ height=”90″>
2. <param name=”movie” value=”/flash/navbar.swf” />
3. <param name=”wmode” value=”transparent”>
4. </object>