04.04.12

Flash einbinden – Wenn, dann aber richtig

Immer wieder kommt es vor, dass man leider Flash-Dateien in eine Seite einbinden muss. Über die Jahre kamen und gingen verschiedene, mehr oder weniger standardkonforme, Varianten um Flash-Content einzubinden. Die vermutlich bekannteste Variante ist es einen embed-Tag in einem object-Tag zu verschachteln. Zwar funktioniert diese Variante mit den meisten Browsern hat jedoch mehrere Nachteile: Sie ist nicht standardkonform. Ein embed-Tag darf eigentlich nicht in einem object-Tag verschachtelt werden. Außerdem hat man keine Möglichkeit Benutzern ohne Flash-Plugin einen eigenen Inhalt zu präsentieren. Es gibt jedoch eine Alternative: swfobject. swfobject ermöglicht eine standardkonforme Einbindung von Flash-Content, die in allen Browsern funktioniert. Zusätzlich detektiert es die beim Benutzer installierte Flash-Version und ermöglich das Einbinden von Alternativ-Content für Benutzer ohne Plugin.

swfobject einbinden

swfobject kann unter folgender Adresse heruntergeladen werden: https://code.google.com/p/swfobject/downloads/list

Zunächst muss man die Datei swfobject.js aus dem Download in die Seite einbinden:

<script type="text/javascript" src="[Pfad]/swfobject.js"></script>

Alternativ kann man auch die von Google gehostete Variante einbinden. Die URL dazu lautet:

http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js

Um eine Flash-Datei einzubinden muss man diese zunächst mit zwei verschachtelten object-Tags in das HTML-Markup einbinden:

<object id="flashMovie" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="160" height="600">
	<param name="movie" value="a_flash_movie.swf" />
	<param name="..." value="..." />
	<!--[if !IE]>-->
		<object type="application/x-shockwave-flash" data="a_flash_movie.swf" width="160" height="600">
                <param name="..." value="..." />
	<!--<![endif]-->
	<p>Hier kann alternativer Inhalt platziert werden.</p>
	<!--[if !IE]>-->
		</object>
	<!--<![endif]-->
</object>

Zuletzt fehlt noch eine Zeile JavaScript-Code:

<script type="text/javascript">
swfobject.registerObject("flashMovie", "9.0", "expressInstall.swf");
</script>

Dem Kommando muss die ID des objects übergeben werden. Mit dem zweiten Parameter wird die minimal benötigte Flash-Version angegeben. Mit dem dritten Parameter kann der Pfad zu einem Flash-File übergeben werden, das geladen wird, wenn die benötigte Plugin-Version nicht verfügbar ist.

Um den Rest kümmert sich swfobject.

Möchte man den Code nicht selbst schreiben steht alternativ ein Online-Generator zur Verfügung.

Weitere Informationen

• Projekthomepage bei Google Code:  https://code.google.com/p/swfobject/
• Vollständige Dokumentation von swfobject: https://code.google.com/p/swfobject/wiki/documentation

Das könnte Sie auch interessieren:

• Benutzerfreundliche HTML Tabellen – Ja, es geht.
• Machen wir’s bunt: SVG und JavaScript
• Die Sache mit den Zeilenumbrüchen
• Der alte Feind: der Zurück-Button…
• Internet Explorer: CSS Transparenz und Text

Sag deine Meinung

Die E-Mail Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.