HowTo: Silverlight mit dem "object" Tag als embedded HTML anbieten

Erstmal eine Warnung zum Anfang: Ich bin mir nicht sicher, ob diese Variante welche ich gleich vorstelle überhaupt von Microsoft so vorgesehen war und ob dies in der Praxis so umsetzbar ist – in meinem Test ging es mehr oder weniger gut – im IE7 (mit Einschränkungen) und FF2.

Folgende Situation: YouTube und co. welche auf Flash setzen haben meistens am Ende des Videos noch eine Option, dass Flash-Filmchen als embedded HTML in seinen eigenen Blog etc. einzubauen. Das ist natürlich eine feine Sache, da somit eine leichte Verbreitung möglich ist.

Bei Silverlight sieht die Sache etwas anders aus – eine Embedded-Option, welches direkt das Silverlight mit “object” anbietet, gibt es erstmal nicht und im Silverlight Forum findet man auch nur spärliche Informationen darüber, dass es eigentlich nicht so geht.

Als Alternative gibt es noch die Möglichkeit das über ein IFrame einzubinden – zwar nicht so ideal, aber es geht noch. Leider verbieten einige Plattformen (MySpace und co.) den Einsatz von IFrames.

Grund für die Problematik:

Silverlight agiert zusammen mit Javascript – egal ob in 1.0 oder 1.1/2.0 – die Hostseite muss erstmal das Silverlight Plugin erstellen. Am schönsten wäre es daher, wenn man Silverlight Sachen direkt über den “object” Tag wie bei Flash einfügen könnte – das ist schicker und auch XHTML Valide :)

Die Lösung:

Wir binden einfach unsere komplette Silverlight Applikation (z.B. den Videoplayer) als Object ein:

<object data="http://silverlight.net/fox/" type="text/html" id="SilverlightControl" height="200px" width="250px">
    </object>

Über data verweisen wir auf unsere komplette Applikation und geben als type “text/html” an, somit haben wir quasi die IFrame Funktionalität mit einem object.


Ergebnis im Firefox:

image

Ergebnis im IE 7:

Im IE7 ist das so allerdings nicht ganz so möglich. Durch die Sicherheitseinstellung holt sich der IE nicht die Daten von unserer Quelle.

Um zu sehen das es trotzdem geht, muss die Seite in den “Vertrauenswürdigen Seiten” aufgenommen werden und dort die Sicherheitseinstellung auf “Sehr niedrig” gesetzt werden.

Das ist hat aber nichts mit Silverlight zu tun, sondern ist ein generelles “Sicherheitsproblem” im IE7 – ich denke aber, dass es bestimmt dafür eine Lösung gibt – wer kennt eine?

Unter anderem Browsern hab ich es noch nicht direkt ausprobieren können, Opera zeigt mir aber den “Bitte Silverlight installieren” Button an – also scheint es zu funktionieren.

Fazit:

Wenn man nun noch den IE so überlisten könnte, dass er über das Object Tag die Seite lädt ohne in den Sicherheitseinstellungen was zu verändern, braucht man keine hässliche IFrame Lösung mehr und es ist ähnlich wie bei Flash.

[ Demopage + Source Code ]


Kick It auf dotnet-kicks.de
Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf dem Laufenden bleiben willst, abonniere unseren RSS Feed oder folge uns auf Twitter.

About the author

Written by Robert Mühsig

Robert Mühsig (@robert0muehsig) ist Webentwickler und beschäftigt sich mit Web-Frameworks (vor allem dem ASP.NET MVC Framework) und scheut sich auch nicht vor Javascript. Ansonsten bloggt er über all jene Probleme, die ihm über den Weg laufen. Seit 2008 ist er Microsoft MVP für ASP.NET und er arbeitet bei der T-Systems Multimedia Solutions GmbH in Dresden. Treffen kann man ihn online via Twitter (@robert0muehsig) oder dieser Seite oder bei der .NET User Group Dresden.

Comment on this post

Letzte Posts

  • Carriage Return / Neue Zeile in Textareas

    Eine kleine Aufgabe: Jede neue Textzeile (Carriage Return/Wenn man Enter drückt ) in einer Textarea soll ein Element in einer Auflistung sein – wie mach ich das jetzt am einfachsten? Eigentlich ein grundlegendes Element im Web und der Nutzer macht bewusst Absätze – daher wäre es nur gerecht, wenn man das auch entsprechend würdigt. Kleine ...

  • image.png
    Doom, Quake, Wolfenstein & co. Source Code auf GitHub

    id Software, die Macher von Doom, Quake, Wolfenstein & co., stellen regelmäßig ihre älteren Spieltitle als Open Source zur Verfügung. Das Ganze runterzuladen fand ich bisher immer recht mühselig, allerdings gibt es seit kurzer Zeit die Sourcen auch auf GitHub. Darunter Spiele wie Doom 3, Quake 3, Wolfenstein für iOS. Wer also schon immer mal ...

  • image.png
    Twitter Bootstrap 2.0 released & “Release Präsentation”

    Wie bereits vom Twitter Bootstrap Team angekündigt wurde offiziel die Version 2.0 des UI Toolskits “Twitter Bootstrap” veröffentlich. Zudem wurden die Slides, welche bei der Release Party gezeigt wurden auch veröffentlicht: Downloads finden sich auf der Twitter Bootstrap Seite auf GitHub. Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf ...

  • image.png
    Javascript zu Dart Translator

    Dart, Google Javascript Alternative, wurde vor ein paar Monaten vorgestellt und die Webentwickler Szene ist noch etwas gespalten, ob Dart nun überflüssig ist oder einfach nur cool und längst überfällig ist. Um die Sprache näher zu erläutern hat Google die grundlegenden Javascript Basics nach Dart übersetzt. Das Ergebnis ist der “Translator”. Der Name mag momentan ...

  • Twitter Bootstrap 2.0–“Beta”

    Twitter Bootstrap, ein UI-Toolkit für Web-Applikationen von Twitter, erscheint (wie bereits berichtet) demnächst in der Version 2.0. Der offizielle Release ist am 31. Januar, allerdings beginnt jetzt laut Mark Otto (einer der Hauptentwickler von Twitter Bootstrap) die intensive Test-Phase. Das heisst, das es nun offiziel auch die 2.0 Dokumentation online gibt. Im Vergleich zur aktuellen ...

Support us!

Facebook