Viele Webdesigner kennen das Problem mit Flash Videos und dem Internet Explorer (IE) :
Der IE zeigt das eingebundene Flash Video zwar an, weist aber mit einem grauen Rahmen darauf hin, dass dieses Video doch bitte aktiviert werden soll.
Ich beschreibe hier die Möglichkeit das Flash auf eine andere Art und Weise einzubinden und zudem mehrere Fliegen mit einer Klappe zu schlagen.
Welche Vorteile hat diese Art der Einbindung?
- Das Flash muss im IE nicht mehr aktiviert werden.
- Die Einbindung ist nach W3C valide.
- Es ist möglich eine Alternative darzustellen, falls der User kein Flash Plugin installiert hat.
- Die Suchmaschinenfreundlichkeit wird erhöht.
Wie funktioniert das ganze?
Schnell erklärt funktioniert das ganze folgendermaßen: Ein Div wird einem Javasvript zugeordnet. Dieses Div enthält den Inhalt wenn das Flash Plugin nicht aktiviert sein sollte.
Falls Flash für diesen Browser installiert ist wird das Flash ganz normal dargestellt und kann ohne Aktivierung im Internet Explorer verwendet werden.
Hat diese Art der Einbindung einen Nachteil?
Ja, einen kleinen Haken hat die Sache leider. Sollte der Benutzer kein Javascript aktiviert haben wird ebenfalls das Flash nicht angezeigt, sondern der Inhalt des DIVS.
Das bedeutet, selbst wenn das Flash Plugin installiert ist, wird kein Flash angezeigt wenn JavaScript deaktiviert ist. Beide Plugins müssen installiert sein.
Wer hats erfunden?
Das ganze nennt sich “Unobtrusive Flash Objects” – kurz UFO und wurde von “Bobby Van der Sluis” entwickelt.
Den englischen Artikel über “Ufo” findet ihr unter http://www.bobbyvandersluis.com/ufo/index.html
So wird es eingebunden!
Zuerst einmal besorgen wir uns das JavaScript von Bobbys Website: UFO javascript
Als allererstes bauen wir das Javascript in unseren “HEAD” ein.
“Deineflashdatei.swf ” sowie die Breite, Höhe und Flashversion (majorversion) sollten den Angaben eures Flash Videos entsprechen. Nehmt am besten einfach die Werte, die Flash in die eigens erstellte ”*.html” schreibt.
“Divname” ist die ID eures Divs, in dem das Flash dargestellt werden soll.
<script type="text/javascript" src="js/ufo.js"> < / script>
<script type="text/javascript">
var FO = { movie:"deineflashdatei.swf",
width:"610", height:"350", majorversion:"8"
, build:"0", xi:"true" };
UFO.create(FO, "divname");
</script>
Nun erstellen wir das DIV mit dem Inhalt der dargestellt werden soll, falls kein Flash aktiviert bzw installiert ist.
<div id="divname"> <p>Dieser Text ist zu sehen, falls Flash deaktiviert ist.Sollte das Flash als Navigation dienen wäre es sinnvoll hier die Links einzusetzen.</p> <p>Alles innerhalb dieses Divs wird von dem Flash ersetzt!</p> </div>
Nun sollte euer Flash auch im IE ohne Aktivierung und grauen Rahmen angezeigt werden!
Kommentare
Chriz schrieb am 15.10.2009 12:25:09:
Stimmt, deswegen gings nicht, werde es sofort berichtigen.
bluespoon schrieb am 02.02.2009 15:43:31:
Kleiner \"Fehler\": Erster Script Tag ist net geschlossen ;)
Gruß,
3LUE5P00N