Metanavigation
Universität Hamburg - der Forschung, der Lehre, der Bildung, zur Homepage
Fiona WCMS der Universität Hamburg
WCMS FIONA
Suche
Suche
Inhalt
Foto: geralt/pixabay
Sie sind hier:UHH > Fiona WCMS der Universität Hamburg > Funktionen > Vorlagen > Video-Teaser

Video-Teaser

1. Allgemeines

Über die Video-Teaser-Box können HTML5-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. 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

3. Verwendung

Die Video-Box ist nur auf Inhaltsseiten zulässig und nicht auf Startseiten (Seitenvorlagen).

4. Felder der Vorlage

Inhalt
Headline (Pflichtfeld) Geben Sie hier eine Überschrift ein (maximal 100 Zeichen inkl. Leerzeichen)
Lecture2Go Video-URL

Tragen Sie hier den Link zu einem Video ein. Benutzen Sie dafür eine URL, die direkt auf das Video zeigt, also z.B. https://fms1.rrz.uni-hamburg.de/abo/00.000_UniversitaetHamburg_2014-05-15_13-53.mp4. Eine genaue Anleitung dazu finden Sie in dieser Tabelle weiter unten, unter dem Punkt „Lecture2Go Video“. 

Hinweis: Dieses Feld ist in dieser Vorlage doppelt vorhanden, es reicht aber, das Feld einmal auszufüllen.
Youtube Video-URL

Tragen Sie hier den Link zu einem Youtube-Video ein. Eine genaue Anleitung, wie Sie einen datenschutzkonformen Link erstellen können, finden Sie in der Tabelle weiter unten, unter dem Punkt „YouTube Video“.

Hinweis: Dieses Feld ist in dieser Vorlage doppelt vorhanden, es reicht aber, das Feld einmal auszufüllen.
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ünfer Schritte (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 Download Link ein. Dieser zeigt direkt auf eine .mp4-Datei.
Auf dem Bild sehen den Downloadbereich für Videos in Lecture2Go. Achtung: Die Downloadfunktion muss vom Uploader manuell aktiviert werden und ist deshalb nicht für alle Videos verfügbar.

Wählen Sie "Adresse des Links kopieren"
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

Fügen Sie hier einen Youtube-Link ein.

  • Wählen Sie dafür auf Youtube unterhalb des Videos den Menüpunkt „Teilen“ an und dann den Reiter „Einbetten“.
  • Setzen Sie unterhalb von „Optionen zum Einbetten“ beim Punkt „Erweiterten Datenschutzmodus aktivieren“ einen Haken. 
  • Kopieren Sie den markierten Teil der URL aus dem Code-Fragment heraus. Der Link befindet sich nach „src="“ zwischen den Anführungszeichen.  Fügen Sie "?autoplay=1" an das Ende des Links an, damit das Video automatisch abgespielt wird.

  • Sie können außerdem festlegen, dass nach Abspielen der Datei ausschließlich Videos aus dem YouTube-Kanal der Universität Hamburg vorgeschlagen werden, indem Sie folgenden Codeschnipsel an den YouTube-Link anhängen: "?rel=0"

  • Wenn Sie autoplay nutzen und nur Videos der Universität Hamburg vorschlagen wollen müssen Sie beide Optionen kombinieren: "?autoplay=1&rel=0"

Alt: https://www.youtube.com/embed/o5IXE99-S9c

Neu: https://www.youtube-nocookie.com/embed/o5IXE99-S9c?autoplay=1&rel=0

Fügen Sie die neue URL ein.
Subnavigation