Universität Hamburg - der Forschung, der Lehre, der Bildung, zur Homepage
Fiona WCMS der Universität Hamburg
WCMS FIONA

Foto: geralt/pixabay

Video Box

1. Allgemeines

Mithilfe der Vorlage Video Box können Videos (z.B. von Lecture2Go) einfach in Inhaltsseiten integriert werden.

Für Youtube Videos muss ein Bild hinterlegt werden. Dieses wird angezeigt, bevor das Video abgespielt wird. Das Video wird erst geladen und abgespielt, wenn der Seiten-Besucher bestätigt, dass er weiß, dass Daten übertragen werden.

2. Beispiel

Headline

3. Anlegen der Vorlage

  • Legen Sie einen Ordner mit der Vorlage Ordner für Boxen (Name "_boxes") an (falls nicht vorhanden)
  • Legen Sie darin ein Dokument mit der Vorlage Video Box an

4. Verwendung

Die Video Box ist nur auf Inhaltsseiten zulässig. Für Startseiten nutzen Sie bitte die Vorlage Video-Bereich.

5. Felder der Vorlage

Inhalt
Headline (Pflichtfeld) Geben Sie hier eine Überschrift ein (maximal 100 Zeichen inkl. Leerzeichen)
Position im Menu (Pflichtfeld) Verändert die Reihenfolge, in der das Element angezeigt wird. Das Boxenelement mit dem kleinsten Zahlenwert wird auf der Seite an oberster Stelle angezeigt. Tipp: Nutzen Sie Fünferschritte (5–10–15). So können Sie einfacher neue Elemente zwischen alten Elementen positionieren. Der Standard-Wert ist 40.
Lecture2Go Video
Lecture2Go Video-URL

Tragen Sie hier den Lecture2Go iFrame-Link ein. Diesen finden Sie direkt unter dem Lecture2Go-Video im Bereich "Teilen" unter Links.
Auf dem Bild sehen den Links-Bereich für Videos in Lecture2Go.

Einfach neben dem IFrame Link (Fiona) auf "Kopieren" klicken.
YouTube Video
Bild (733x414px) Verweisen Sie hier auf ein Bild im Fiona-Dateibaum. Es muss eine Größe von 733 x 414 px haben. Informationen zum Upload von Bildern finden Sie hier.
Youtube Video-URL So binden Sie ein Youtube-Video datenschutzkonform auf Ihrer Seite ein:
  1. Klicken Sie zunächst auf Youtube unterhalb des Videos den Button „Teilen“ an und dann „Einbetten“.
  2. Setzen Sie unterhalb von „Optionen zum Einbetten“ beim Punkt „Erweiterten Datenschutzmodus aktivieren“ einen Haken.
  3. Kopieren Sie aus dem src-Attribut des angezeigten iframe-Codes nur die URL (also z.B. aus <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/lWW2_mBPfbs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> nur https://www.youtube-nocookie.com/embed/lWW2_mBPfbs)
  4. Wenn Sie das Video beim Aufruf Ihrer Seite automatisch starten lasssen wollen, fügen sie der URL den Parameter ?autoplay=1 hinzu (also z.B. https://www.youtube-nocookie.com/embed/lWW2_mBPfbs?autoplay=1).
  5. Sollen nach Abspielen der Datei ausschließlich Videos aus dem YouTube-Kanal der Universität Hamburg vorgeschlagen werden, so müssen Sie folgenden Parameter an den YouTube-Link anhängen: ?rel=0
  6. Sie können auch mehrere solcher Parameter kombinieren, indem Sie sie durch & verketten: ?autoplay=1&rel=0. Beachten Sie, dass dann nur ein ? am Anfang steht.
  7. Fügen Sie die URL nun in diesem Feld der Vorlage ein.