Die URL eines öffentlichen Medieneintrages ist neu auch ein oEmbed Code und ermöglicht dabei die Einbettung von Bildern, Videos und Audios in Websites, Blogs und Messaging Apps. Zusätzlich werden die Metadaten Titel, Autorschaft und Rechteinhaber mitgeliefert.

ZHdK Website Beispiele: https://preview-prod.zhdk.ch/3321 (benötigt Login)
Messaging Apps Beispiele: https://blog.zhdk.ch/madektest/link-preview-collection/
ZHdK Blog Beispiele: https://blog.zhdk.ch/madektest/

Für die richtige Implementierung und Darstellung des Players in Typo3 empfehlen wir folgendes Vorgehen:

1. Erstellen Sie auf dem Overlay ein neues Inhaltselement an der gewünschten Stelle, indem Sie auf das „Content“ Icon klicken
2. Wählen Sie im Tab „Content“ das Element „Video“ aus
3. Im Tab „General“ sollte das Feld „Header“ leer bleiben
4. Im Tab „Assets“ klicken Sie auf die Schaltfläche „Add file“

Nun öffnet sich die Ordnerstruktur Filelist. Im Bereich „Add new media asset“ tragen Sie die gewünschte URL aus dem Medienarchiv (oder Vimeo/ Youtube) ein. Bestätigen Sie die Selektion mit einem Klick auf die Schaltfläche „Add media“.

URL-Beispiel:

Der Link zum Video erscheint nun in der Liste:

Setzen Sie nun das Häkchen und klicken Sie auf die Schaltfläche „import selection“, danach wird das Video hinzugefügt:

Eine vollständige Anleitung zu Typo 3 finden Sie unter: https://intern.zhdk.ch/fileadmin/data_subsites/data_weboffice/ZHdK_Website_CMS-Dokumentation_04.04.2017_.pdf

Aufgrund des Providers zhdk.ch erkennen unsere ZHdK Blogs (blog.zhdk.ch) automatisch die URLs des Medienarchivs als oEmbed-Code.

Madek-Plugin „madek-oembed“

Bei selbst gehosteten Wordpress-Seiten ist es erforderlich den Madek-Plugin zu installieren. Das Plugin stuft dann die Webseite www.medienarchiv.zhdk.ch als vertrauenswürdigen Provider (Anbieter) ein.

Vorgehen zur Installation

Das Plugin „madek-oembed“ kann im Register „Plugins > hinzufügen“ (im Wordpress Dashboard) ausgewählt, installiert und aktiviert werden.

Das Plugin kann auch direkt über die Entwickler-Plattform Github heruntergeladen werden: https://github.com/Madek/madek-wordpress-oembed-plugin

Das nachfolgende Beispiel verwendet statt der automatischen oEmbed Variante (nur URL) die Wordpress-Syntax. So können eigene Parameter wie Breite und Höhe konfiguriert werden. https://blog.zhdk.ch/madektest/2017/01/30/mini-video-beispiel/

Die URL zum Einbetten finden Sie unter dem „Teilen“-Button im kontextbezogenene Menü eines Medieneintrags. Wählen Sie aus zwischen der eindeutigen URL, wenn Sie explizit diesen Medieneintrag teilen wollen, und der sprechenden URL, wenn Sie wechselnde Inhalte anzeigen wollen.

Weitere Informationen finden Sie in der technischen Dokumentation: https://github.com/Madek/madek-documentation/blob/c0bcaf3b003e4110efa0ca87141701e5b34bce6e/source/development/embeds.md