Vorbereitung
Grundvoraussetzung:
Das einzufügende Video muss bereits als Inhaltstyp hinzugefügt worden sein
(über Inhalt > Inhalt hinzufügen > 'Video (public)' ODER 'Video (non-public)'.
Zum Unterschied Video (public) / Video (non-public):
Videos, die mit dem Inhaltstyp Video (public) hochgeladen und eingebunden werden, können von Gastnutzern (also ohne Registrierung auf der Seite) angesehen werden.
Videos, die mit dem Inhaltstyp Video (non-public) hochgeladen und eingebunden werden, sind nur nach Registrierung abrufbar, also nur einem beschränkten Nutzerkreis zugänglich. Dies ist insb. bei Abbildung von Personen (v. a. Minderjährige) von großer Bedeutung, da hier das Persönlichkeitsrecht auf besondere Weise geschützt werden muss.
Die Projektleitung entscheidet und verantwortet, welche Videos unter welchem Inhaltstyp veröffentlicht werden. Bei Unklarheiten sollte das vor dem Upload unbedingt von den einstellenden Redakteuren erfragt werden.
Wichtig: nach dem Hochladen des Videos und vor dem Speichern muss das Häkchen bei 'Convert Video on Save' gesetzt werden, damit das Video nach diesem Vorgang abgespielt werden kann. Ausnahme: wenn das hochgeladene Video bereits als mp4-Datei vorliegt, sollte stattdessen "bypass conversion" bzw. "Konvertierung umgehen" ausgewählt werden.
Ist das der Fall, erscheint das Video zusammen mit allen anderen auf der Seite befindlichen Videos in der
Video-Übersichtstabelle. Daten aus dieser Tabelle verwenden wir später für die Einbindung.
Einbinden der Videobox
Ein Video kann direkt im CK-Editor einer Seite eingebunden werden. Hierfür gibt es in der Bearbeitungsleiste des CK-Editors 2 Icons:
Das linke Icon fügt eine Videobox inkl. linksbündig im Editor ein, das rechte Icon fügt die Videobox entsprechend rechtsbündig ein. Hier ein Beispiel für die Darstellung der linksbündigen Box:
Die Videobox wird standardmäßig mit einem Hintergrundbild und in der Seitenansicht auch mit einem Play-Button versehen (Anmerkung: im CK-Editor ist der Play-Button aus Gründen der Nutzerfreundlichkeit für das Einfügen von Bildern, nicht sichtbar).
Weiterhin wird standardmäßig ein Text neben der Videobox platziert. Dieser Text umfließt die Videobox und kann für Beschreibungen des Inhalts genutzt werden.
Verknüpfen der Videobox mit einem Video
Nun kann man die eingebundene Video-Box mit einem Video verknüpfen. Dazu macht man einfach einen Doppelklick auf das Vorschaubild, woraufhin sich die Bildeigenschaften öffnen:
Jetzt klickt man auf „Link“ und gelangt zu folgender Ansicht:
Dort, wo die URL steht, ersetzen wir ‚xxx’ mit der sogenannten Node-ID des einzufügenden Videos.
Hinweis: die Node-ID (abgekürzt: NID) findet sich in der
Video-Übersichtstabelle, die auch über das Menü ‚Für Redakteure’ > Videos (Übersicht) abrufbar ist.
Mit den Parametern
‚width’ und
‚height’ kann die Größe der Colorbox (in px) angepasst werden, die nach Anklicken der Videobox geöffnet wird. Standardmäßig hat die Colorbox hier 640x480px.
Hat man alle Parameter wunschgemäß angepasst, klickt man abschließend auf ‚OK’.
Vorschau-Screenshot zur Videobox hinzufügen
Standardmäßig enthält die Videobox ein statisches Vorschaubild. Man kann aber auch ein eigenes Vorschaubild zu Videobox hinzufügen:
1. Option: Video-Screenshot verwenden
Es ist möglich, direkt die Thumbnails des entsprechenden Videos zu verwenden, die sich bereits auf dem Server befinden.
Hierbei sollte darauf geachtet werden, daß Personen (insb. Kinder) auf den Screenshots NICHT identifizierbar abgebildet sind.
Man ruft wieder die
Video-Übersichtstabelle auf und sucht das entsprechende Video-Thumbnail. Jetzt macht man einen
Rechtsklick auf dieses Bild und wählt '
Bildaddresse kopieren':
Nun ist der Link zwischengespeichert und ersetzt anschließend die
URL (unter Bildinfo) bei der hinzugefügten Video-Box. Dazu einfach einen
Rechtsklick in das URL-Feld machen und den zwischengespeicherten Pfad
Einfügen:
2. Option: eigenen Screenshot hochladen
Dazu macht man wieder einen Doppelklick auf die Videobox und klickt dann bei
URL auf
Server durchsuchen. Nun kann man entweder ein bereits auf dem Server vorhandenes Bild auswählen oder eines auf den Server
Hochladen und es dann verwenden.
Anmerkung: es bietet sich aus Gründen der Übersicht an, hochzuladende Dateien mit einem sinnvollen Dateinamen zu versehen, den man leicht wiederfinden kann (die geklammerten Werte stehen im nachfolgenden Beispiel als Platzhalter).
Zum Beispiel: [aktuelles_Datum]_video_thumbnail_[NID].jpg
Größe eigener Thumbnails festlegen:
Bei der Verwendung eigener Thumbnails bietet es sich an, die angezeigte Größe anzupassen bzw. zu überprüfen. Hat man also seinen Screenshot hochgeladen und ausgewählt, kann unter
Bildeigenschaften die Größe des Screenshots angepasst werden. Ein guter Mittelwert für die Breite sind 220px. Wichtig: das Schloß-Icon sollte bei Größenänderungen immer aktiv (also geschlossen) sein, damit das Bild gleichmäßig skaliert wird.
Abspeichern und Review
Hat man alle Anpassungen vorgenommen, so kann die Seite wie gewohnt abgespeichert und das Resultat begutachtet werden. Auf der Seite sieht man dann die Videobox und ggfs. den Beschreibungstext.
Hat man alles richtig gemacht, wird beim Anklicken der Box das entsprechende Video in einer Colorbox geöffnet:
Für Nutzer, die nicht eingeloggt sind, öffnet sich hingegegen ein Dialog für die Anmeldung bzw. Registrierungshinweise:
