Web Designer 6: Videos per Website Maker einbetten

Hallo,

hier möchte ich Euch kurz zeigen, wie schnell und einfach man seine eigenen Videos mit Hilfe des Magix Website Makers als Flash-Videoplayer in seiner Web Designer 6 Webseite (geht auch mit Xtreme Web Designer 5 über Platzhalter) einbetten kann.

Voraussetzung:
Ihr braucht mindestens einen Website Maker easy Zugang (1,99 € mtl.) bzw. die Box-Version (was dann Website Maker easy Plus heisst). In der kostenlosen Version des Website Makers ist die Export-Funktion leider nicht verfügbar...
(bekommt ihr auf www.magix-online.com)

Los geht's:

1. Video von der Festplatte hochladen

Im Website Maker klickt Ihr dazu einfach auf die Funktion "Hochladen" (entweder oben im Hauptmenü oder unten in "Eigene Medien"...

Es öffnet sich nun der "Upload-Dialog"



Hier klick Ihr auf "Dateien auswählen", um den so genannten "Filepicker", den Dialog zur Auswahl der Videos auf Eurer Festplatte, zu öffnen.



Wählt hier einfach Eure Videos auf der Festplatte aus... Diese werden dann in die "Upload-Liste" übernommen.

Folgende Videoformate werden unterstützt:
.wmv, .mov, .asf, .mpeg, .3gp, .qt, .mp4

Tipp: Aktiviert am besten die Option "Originale zusätzlich speichern". So könnt Ihr die Videos später auch wieder herunterladen (über den Online Medien Manager)

Wenn Ihr die Auswahl abgeschlossen habt, klickt einfach auf "Hochladen".



Jetzt werden alle Videos in den Webspeicher des Website Makers hochgeladen. Alle Videoformate aus .mp4 werden in Flashvideo (.flv) konvertiert (das kann je nach Größe des Videos ne ganze Weile dauern).

2. Video auf Bühne einfügen

Am besten legt Ihr Euch zu Beginn eine neue leere Seite an. Nun könnt Ihr Eure hochgeladenen Videos über die Inhalteverwaltung im unteren Rand des Website Makers über den Reiter "Eigene Medien" und hier in "Hochgeladene" finden. Sobald ein Video konvertiert wurde, ist dieses als Vorschaubild zu sehen (sonst seht ihr ein Eieruhrbildchen...)



Wählt nun einfach das Video Eurer Wahl aus und klickt auf "Einfügen" oder zieht es per Drag & Drop auf die Bühne.



Es wird sofort ein Medienplayer mit der "Standard-Skin" (Aussehen des Players) erzeugt. Sobald das Video angegeklickt ist, erscheint automatisch der Einstellungsdialog, wo ihr den Player selber noch konfigurieren könnt.

3. Player einstellen

Abspieleigenschaften:


Playliste:

Es ist übrigens möglich, in einem Player viele Videos über die Playlisten-Funktion nacheinander abzuspielen. Dazu braucht ihr nur weitere Videos auf den Player raufziehen.... In der Playliste-Ansicht des Eigenschaften-Dialogs könnt ihr auch die Reihenfolge verändern usw.




Playerskin:

Ein riesen Vorteil des Website Makers ist, das er eine ganze Reihe mehr oder weniger schöner Skins für den Player an Bord hat, die ihr nach Belieben auswählen könnt. Leider verändert sich die Größe des Players teilweise, was ihr dann über die Skalierungsanfasser am Playerobjekt wieder korrigieren könnt...



4. Player per HTML-Code exportieren

Wenn ihr euren Player fertig konfiguriert habt, könnt ihr über den Eigenschaften-Dialog im letzten Reiter die "Exportieren"-Funktion aufrufen



ACHTUNG: Popup-Blocker!!!

Wenn ihr (wie die meisten) einen Popup-Blocker aktiviert habt, müßt ihr diesen erstmal erlauben, dass der Website Maker Euch das Popup mit dem HTML-Code des Players anzeigen darf.



Ihr müßt dann nochmal den Player anklicken und die Funktion "Exportieren" klicken....

Es wird nun das Popup mit der Vorschau des Players wie auch der HTML-Code angezeigt, welchen ihr nun nur noch markieren und kopieren müßt.



5. HTML-Code im Web Designer einfügen

Zum Schluß einfach den Web Designer öffnen und z.B. mit STRG + V (oder über "Bearbeiten > Einfügen" (bei mir stand "Einfügen XXXXXXX" im Menü) den HTML-Code einfügen.

Jetzt macht der Web Designer 6 automatisch einen Screenshot des Players, welcher gleichzeitig als Platzhalter fungiert.




Fertig! Ihr habt nun einen eigenen Videoplayer auf Eurer Webseite, der nicht von YouTube & Co. kommt. Bedenkt aber, dass das Video selber im Webspeicher des Website Makers liegt und Euer Player letztlich nur darauf verweist...

Viel Spaß dmit,

André