Wie bindet man Flash Objekte XHTML konform ein?
Oftmals werden Flash-Objekt mit dem "embed"-Tag eingebunden, welches jedoch nicht dem Standard nach W3C entspricht. Wie man es besser machen kann, zeigt das folgende Codebeispiel.
Wie muss ich ein solches Objekt einbinden, damit beliebige HTML-Elemente drüber liegen können?
Wer ist noch nicht auf das Problem gestoßen, dass man ein Flash eingebunden hat, aber es immer über allen anderen HTML-Elementen liegt und selbst das CSS-Attribut "z-index" keine Wirkung zeigt!? Um das Flash barrierefrei einzubinden, kann man einen Parameter namens "wmode" mit Wert "transparent" definieren. Durch diesen können nun beliebige HTML-Elemente das Flash überlappen. (Siehe Codebeispiel)
<!-- XHTML konforme Einbindung -->
<object data="example.swf" type="application/x-shockwave-flash"
width="600" height="400">
<param name="movie" value="example.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="menu" value="true">
<param name="bgcolor" value="#ffffff">
<!-- damit HTML-Elemente drüber liegen können -->
<param name="wmode" value="transparent">
</object>
