In publica commoda

Link mit Vorschaubild im rechten Menue

In diesem Beispiel finden Sie in der rechten Spalte einen Link auf ein YouTube-Video. Dieser Link enthält folgende Elemente:

  • URL. Die URL des zu verlinkenden Videos ist nicht sichtbar sondern nur für die Funktionalität benötigt.Alle Elemente sind als ein Hot-Link zusammengefasst, d.h. der Webseitenbesucher kann auf den Text oder das Bild klicken. Der Link öffnet die YouTube-Webseite mit dem definierten Video.
  • Teaser-Text. Dieser Text dient als Kurz-Titel bzw Beschreibung für das verlinkte Video. Der Text muss eingegeben werden und ist nicht mit dem Video verknüpft, kann also beliebigen Inhalt haben.
  • Vorschaubild. Das Vorschaubild beginnt in einer neuen Zeile und hat eine feste Breite. Es ist mit dem verlinkten Video dynamisch verknüpft; d.h. wenn das Vorschaubild auf YouTube geändert wird, ändert sich auch hier das angezeigte Bild.
    Hinweis: Für die Aktualisierung des Vorschaubildes in Ihrem Browser kann ein Neustart des Browsers erforderlich sein.
  • Icon. Da das Play-Icon im dem von YouTube abgeholten Vorschaubild nicht enthalten ist, wird es hier zusätzlich als Überlagerung eingeblendet.
  • Video-ID. Sie wird in dem nachfolgend beschriebenen HTML-Code als isolierte Zeichenkette benötigt. Die "Video-ID" ist eine Zeichenkette, die sich aus der "Video-URL" ableiten lässt; sie ist in den folgenden Beispielen rot markiert um das Schema zu verdeutlichen:
    https://www.youtube.com/watch?v=1234abc56
    https://www.youtu.be/1234abc56&feature=youtu.be

Anleitung

  • Ihre Webseite muss im 3-spaltigen Layout vorliegen.
  • Kopieren Sie den unten aufgeführten HTML-Code in einen einfachen Texteditor (z.B. Notepad) und ersetzen Sie die Video-ID (2x) und den Teaser-Text (1x) durch die gewünschten Angaben.
  • Erstellen Sie ein neues "Unterlement" vom Typ "Seite (1-spaltig)".
  • Fügen Sie dort ins Eingabefeld "Bezeichnung" per Copy&Paste den überarbeiteten HTML-Code ein. Das Feld "Überschrift" kann leer bleiben.
  • Speichern Sie.
  • Ändern Sie die Sichtbarkeit / den Status des neuen Elements auf "aktiv".
  • Verschieben Sie ggf das neu erstellte Unterlement an die gewünschte Position.

HTML-Code

1234abc56">Teaser-Text für das Youtube-Video
1234abc56/hqdefault.jpg" style="position: relative; top: -20px; left: 0; width: 100%">

Hinweis

Die hier vorgestellte Methode ist nicht im GCMS vorgesehen und wird auch nicht offiziell von den Betreibern des GCMS empfohlen oder unterstützt. Sie ist als Interimslösung gedacht, bis eine gleichwertige Methode innerhalb des GCMS zur Verfügung gestellt wird.
Es liegen noch keine Erfahrungen bzgl. der Zuverlässigkeit vor. Informieren Sie daher Fr. Pietzner (ÖA) oder Hrn Köster (SUB), wenn Sie diese Methode verwenden. So können Sie informiert werden, falls ein Update sinnvoll ist.