Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- player [05.07.2017 15:02] – [Eigene Wordpress-Blogs] lsotrug
+++ player [13.05.2025 17:29] (aktuell) – [Eigene Website: Embedded-Code einbinden] poettli
@@ Zeile 1: / Zeile 1: @@
 ====== Madek-Player ======
-Die URL eines öffentlichen Medieneintrages ermöglicht neu die Einbettung von Bildern, Videos und Audios in Websites, Blogs und Messaging Apps. Zusätzlich werden die Metadaten Titel, Autorschaft und Rechteinhaber mitgeliefert. Mittels der URL kann ein Eintrag geteilt werden. Einige Plattformen zeigen auch anhand der URL eine Vorschau an bzw. erlauben ein Einbetten des Eintrags.
+Die URL eines öffentlichen Medieneintrages ermöglicht die Einbettung von Bildern, Videos und Audio-Files in Websites, Blogs und Messaging Apps. Zusätzlich werden die Metadaten Titel, Autorschaft und Rechteinhaber mitgeliefert.
-ZHdK Website Beispiele:
+  * Beispiele ZHdK Website: https://www.zhdk.ch/studium/musik
-https://preview-prod.zhdk.ch/3321 (benötigt Login)\\
+  * Beispiele Messaging Apps: https://blog.zhdk.ch/madektest/link-preview-collection/\\
-Messaging Apps Beispiele:
+  * Beispiel ZHdK Blog: https://blog.zhdk.ch/madektest/
-https://blog.zhdk.ch/madektest/link-preview-collection/\\
-ZHdK Blog Beispiele: https://blog.zhdk.ch/madektest/
 ===== URL teilen =====
@@ Zeile 16: / Zeile 14: @@
 {{:madek_link_teilen.png?600|}}
-===== ZHdK Website auf Typo3 =====
-Für die richtige Implementierung und Darstellung des Players in Typo3 empfehlen wir folgendes Vorgehen:
+----
-  - Erstellen Sie auf dem Overlay ein neues Inhaltselement an der gewünschten Stelle, indem Sie auf das "Content" Icon klicken {{:1_typo3.jpeg?600|}}
-  - Wählen Sie im Tab „Content“ das Element „Video“ aus {{:2_typo3.png?300|}}
-  - Im Tab „General“ sollte das Feld „Header“ leer bleiben {{:3_typo3.png?300|}}
-  - Im Tab „Assets“ klicken Sie auf die Schaltfläche „Add file“ {{:4_typo3.jpeg?300|}}
-Nun öffnet sich die Ordnerstruktur Filelist. Wählen Sie dann den entsprechenden Ordner aus. 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“.
-{{:5_typo3.png|}}
+===== ZHdK Website auf Typo3 =====
-URL-Beispiel (Bitte beachten Sie dass sprechende Adressen nicht unterstützt werden):
+Für die richtige Implementierung und Darstellung des Players in Typo3 konsultieren sie bitte die Anleitung (S.23-26) der HSK unter: [[https://intern.zhdk.ch/?typo3-publishing
+]]
-{{:6_typo3.jpeg|}}
+===== ZHdK Blog auf Wordpress =====
-Der Link zum Video erscheint nun in der Liste:
+Die ZHdK-Blogs (blog.zhdk.ch) erkennen automatisch die URLs des Medienarchivs.
- {{:7_typo3_hinweis.jpeg?600|}}
-Setzen Sie nun das Häkchen und klicken Sie auf die Schaltfläche „import selection“, danach wird das Video hinzugefügt: {{:8_typo3.jpeg|}}
+----
-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
-===== ZHdK Blog auf Wordpress =====
-Unsere ZHdK Blogs (blog.zhdk.ch) erkennen automatisch die URLs des Medienarchivs.
 ===== Eigene Wordpress-Blogs =====
@@ Zeile 52: / Zeile 35: @@
 ** Madek-Plugin "madek-oembed" **
-Bei selbst gehosteten Wordpress-Seiten ist es erforderlich den Madek-Plugin zu installieren. Das Plugin stuft dann die Webseite medienarchiv.zhdk.ch als vertrauenswürdigen Provider (Anbieter) ein.
+Bei selbst gehosteten Wordpress-Seiten ist es erforderlich das Madek-Plugin zu installieren. Das Plugin stuft dann die Webseite medienarchiv.zhdk.ch als vertrauenswürdigen Provider (Medienanbieter) 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 «[[https://wordpress.org/plugins/madek-oembed/|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:
@@ Zeile 67: / Zeile 50: @@
-===== Technischen Dokumentation =====
+----
-Weitere Informationen finden Sie in der technischen Dokumentation:
+===== Eigene Website: Embedded-Code einbinden =====
+In statischen Websites oder in gewissen Content Managmenet Systemen mit Quellcode-Bearbeitung kann gegebenenfalls direkt HTML-Code eingebunden werden. Dies erfordert einen IFRAME-Container im Quellcode, in dem die Medienarchiv-URL des Medieneintrags eingebunden wird:
+''<iframe src="MEDIENEINTRAG-URL/embedded&amp;height=360&amp;width=640" frameborder="0" width="640" height="360" style="margin:0;padding:0;border:0" allowfullscreen webkitallowfullscreen mozallowfullscreen ></iframe>''
+Die Code-Sequenz ''MEDIENEINTRAG-URL'' durch die Medieneintrag-URL ersetzen.
+----
+===== Technische Dokumentation =====
+Weitere Informationen zum Einbetten von Medienarchiv-Medien finden Sie in der technischen Dokumentation:
 https://github.com/Madek/madek-documentation/blob/master/source/development/embeds.md