Flash Videos einbinden

Transkript

1 Flash Videos einbinden Im Kapitel Videos einbinden ( - ) haben Sie gesehen, wie man einfach und ohne Zusatzprogramme kleine Videoclips auf seiner einbinden kann. Ich persönlich würde jedem dieses Verfahren empfehlen: einfach, schnell, praktisch. Aber seit dem Aufkommen der großen Video-Blogs verspürt vielleicht auch mancher Privatanwender das Bedürfnis, es diesen gleichzutun. Video-Blogs, das sind Seiten, auf die jeder zumeist kostenlos seine selbstgedrehten bzw. selbstproduzierten Clips hochladen und der Welt zeigen kann. Beispielsweise: Die Videos auf diesen Seiten sind von den Betreibern in Flash Videos umgewandelt worden und werden direkt über einen ebenfalls in die Seite integrierten Flash-Player angeboten. Vorteil (für den Betreiber der Seite) und Nachteil (für den Besucher der Seite): Man kann sie nicht so ohne weiteres auf die Schnelle speichern und wieder ansehen, das ist alles etwas umständlicher. Machbar ist es natürlich trotzdem. Wie, das sehen Sie unter Flash Videos speichern ( Internet-Browser ), und Flash Videos abspielen ( Multimedia-Player ). Sollten Sie sich als n-betreiber jetzt dazu entschlossen haben, die Videoclips, die Sie auf Ihrer anbieten wollen, auch als Flash Videos anzubieten, wie in den Video-Blogs, so können sie nachfolgend lesen, wie das geht. Schwierig ist es nicht, nur vielleicht etwas umständlicher als sie direkt einzubinden (s.o.) 0. Übersicht 1. Umwandeln des Videos ins Flash-Format 2. Herunterladen und Bereitstellen des Players 3. -Code Flash Videos einbinden Seite 1 / 5

2 1. Umwandeln des Videos ins Flash-Format Gehen wir mal davon aus, Sie haben den Videoclip im AVI- oder WMF-Format vorliegen. Als Beispiel nehmen wir den witzigen Clip Grod Gstricha.wmv. Den müssen wir nun zunächst in das Flash-Format FLV umwandeln. Das funktioniert praktisch gegengleich zu dem im Kapitel Flash Videos konvertieren ( Multimedia-Video ) beschriebenen Weg: mit demselben Tool, nur in die andere Richtung. Starten Sie den SUPER Videokonverter wie in obigem Kapitel beschrieben und folgen Sie den Anweisungen zum Laden der Ausgangsdatei, wobei Sie als Ausgangsdatei eben unseren WMV-Clip nehmen. Dann wählen Sie als Zielformat swf or flv (Flash). SUPER passt nun wieder direkt den vorgeschlagenen Video- und Audiocodec an. Als nächstes sollten Sie die Videogröße anpassen. Damit ist die Größe des Abspielfensters gemeint, das später auf Ihrer erscheint. Als angenehme Displaygröße empfinde ich 352x288. Sie können aber natürlich auch jede andere Größe nehmen. Wichtig ist nur, dass Sie sich diese Größe aufnotieren. Sie benötigen Sie unten für die Einbindung in die. Und ganz wichtig ist, dass Sie das Häkchen vor Stretch It entfernen. Nur so ist gewährleistet, dass das Video später nicht verzerrt angezeigt wird. Wenn Sie das wünschen können Sie jetzt Videogröße und/oder Audioqualität noch verändern. Wir belassen alles so, wie es ist. Dann Angabe des Zielverzeichnisses und Encode. Jetzt fragt Sie das Programm noch, welche Dateiart Sie erstellen wollen, ob swf oder flv. Wählen Sie flv. Und schon ist unser Clip fertig: Grod_Gstricha.wmv.FLV. Was wir jetzt noch machen können, ist ihn umzubennen in Grod_Gstricha.flv. Flash Videos einbinden Seite 2 / 5

3 2. Herunterladen und Bereitstellen des Players Anders als beim "klassischen" Einbinden von Videos müssen Sie beim Einbinden von Flash Videos neben dem Video auch den Player auf Ihrer zur Verfügung stellen. Das ist aber nicht weiter schwierig und geschieht einfach dadurch, dass Sie die entsprechende Player-Datei in dasselbe Verzeichnis hochladen wie Ihren konvertierten FLV-Videoclip. Dafür benötigen Sie die Datei aber erst einmal. Sie bekommen Sie für den Privatgebrauch kostenlos auf Jeroenwijering.com. Dort wird ein Flash FLV Plyer zum Download angeboten. Den laden wir herunter: Wechseln Sie dazu zunächst im Internet Explorer auf die Seite Klicken Sie dann auf Flash FLV Player. Flash Videos einbinden Seite 3 / 5

4 Auf der nächsten Seite starten Sie den Download durch Klick auf Flash Video Player im Absatz Download. Im sich öffnende Dateidownload-Dialog klicken Sie dann auf Speichern und speichern die Datei in Ihrem Software-Verzeichnis ab ( Windows-Software-Software-Verzeichnis anlegen ). Bei der heruntergeladenen Datei handelt es sich um ein ZIP-Archiv. Aus diesem ZIP-Archiv benötigen wir nur eine einzige Datei. Die extrahieren wir uns, indem wir das ZIP-Archiv zunächst durch einen Doppelklick in WinZip öffnen. Die Datei, die wir benötigen, heißt flvplayer.swf. Klicken Sie in WinZip rechts auf die Datei und wählen Sie aus dem Kontextmenü den Eintrag Extract Extrahieren Sie die Datei ebenfalls in Ihr Software-Verzeichnis. Sollten Sie nicht mit WinZip arbeiten: bei den anderen Dateikompressionstols funktioniert das Extrahieren auf ganz ähnliche Weise. Und wenn sich bei Ihnen das ZIP-Archiv direkt im Windows Explorer öffnen, kopieren Sie die Datei einfach in Ihre Software-Verzeichnis. Von dort müssen Sie sie später in dasselbe Verzeichnis hochladen, in dem sich Ihr Videoclip befindet. Flash Videos einbinden Seite 4 / 5

5 3. -Code Um den FLV-Videoclip nun konkret in Ihre einzubinden, fügen Sie folgenden -Code ein: <object codebase= width=352 height=288 align=middle classid=clsid:d27cdb6e-ae6d-11cf-96b > <PARAM NAME="allowScriptAccess" VALUE="always"> <PARAM NAME="movie" VALUE="video/flvplayer.swf?file=Grod_Gstricha.flv"> <PARAM NAME="quality" VALUE="high"> <PARAM NAME="bgcolor" VALUE="#000000"> <embed src="video/flvplayer.swf?file=grod_gstricha.flv" quality="high" bgcolor="#000000" width="352" height="288" name="flv" align="middle" allowscriptaccess="always" type="application/xshockwave-flash" pluginspage=" </object> Dieser Code besteht im wesentlichen aus zwei Teilen, die inhaltlich dasselbe enthalten, nämlich den Pfad zum Player und den Pfad zum Videoclip, sich in ihrer Form aber unterscheiden: der object-tag für den Internet Explorer, der embed-tag für alle anderen Browser, die den den object-tag noch nicht unterstützen. Als erstes bestimmten Sie Breite und Höhe des angezeigten Players, indem Sie bei width die Breite des oben ausgewählten Videoformats eintragen und bei height die Höhe. Dann müssen Sie den Ort und den Namen des Players angeben. Das können Sie entweder mittels relativer oder mittels absoluter Pfadangaben machen. Ich habe in dem Beispiel hier eine relative Pfadangabe verwendet: die Videoclip und Player befinden sich ein Verzeichnis tiefer als die -Datei, nämlich im Unterverzeichnis /video. Wenn Sie sich nicht ganz sicher sind, wie die Syntax ist, wählen Sie lieber den absoluten Pfad, z.b. Und schließlich benötigen Sie noch den Dateinamen des Videoclips. Hier ist ganz wichtig, dass der Pfad immer relativ zum Player angegeben wird, nicht relativ zur -Datei. Ich würde Ihnen deshalb dringend empfehlen, den Videoclip in dasselbe Verzeichnis zu laden, wie den Player, dann brauchen Sie gar keinen Pfad angeben, der bloße Dateiname Grod_Gstricha.flv reicht. Auf der absolut sicheren Seite sind Sie aber natürlich auch hier mit absoluten Pfadangaben. Und das Ergebnis sähe dann so aus: Klick!! Flash Videos einbinden Seite 5 / 5