Mediaplayer

Ein gut gemachtes Video ist ein Schmuckstück für jede Internetseite, vor allem dann, wenn aktuelle Inhalte dargestellt werden. Die Fernsehredaktion des Sankt Michaelsbundes veröffentlicht Woche für Woche aktuelle Beiträge aus dem Erzbistum auf dem YouTube-Channel

Münchner Kirchenradio

Diese Beiträge stehen Ihnen kostenlos zur Verfügung. Der Sankt Michaelsbund erlaubt Pfarreien des Erzbistums München und Freising ausdrücklich, diese Videos einzubinden. Sie begehen also keine Urheberrechtsverletzungen.

Sie können aber auch jederzeit Ihren eigenen Kanal bei YouTube oder Vimeo eröffnen und Ihre Videos auf der Webseite einbinden.

Wie Sie die Videos dann auf Ihrer Webseite einbinden können Sie im Folgenden nachlesen:
 
A) YouTube-Player einbinden
B) Vimeo-Player einbinden
 

A) YouTube-Player einbinden

A.0) Die Vorbereitungen bei eigenen Videos

Um YouTube-Videos auf Ihrer Webseite einzubinden, müssen diese zuerst auf YouTube hochgeladen werden. Wie Sie dies bewerkstelligen, können Sie in diesen Seiten von YouTube lesen::
YouTube Account einrichten
YouTube Video hochladen
Privatsphäre-Einstellungen

Bitte beachten Sie die Nutzungsbedingungen und AGBs von YouTube/Google. Beachten Sie auch, dass beim hochladen von Videos geltende Datenschutz- und Lizenzrechte eingehalten werden.
A.1) Video bei YouTube aussuchen.
Zeigt die Position des "Teilen"-Buttons bei YouTube-Videos.
Links-klicken Sie auf der YouTube Webseite auf den Button "Teilen".
A.2) Video-URL erhalten
Sie müssen zum Einbinden der Videos auf der Webseite die richtige URL auswählen. Nutzen Sie hierfür den "Short-" oder "Embed-" Link.
Links unterhalb des Video befindet sich ein Button „Teilen“. Klicken Sie diesen an und es öffnet sich ein Pop-Up Fenster.
Zeigt die YouTube-Oberfläche "Teilen -> Short-Link".
Hier sehen Sie den sogenannten "Short"-Link. Kopieren Sie die URL, welche mit "https://youtu.be/...." anfängt.
Sollte dieser nicht funktionieren, nutzen Sie den "Embed"-Link.
Zeigt die YouTube "Teilen -> embed" Oberfläche.
Hierfür links-klicken Sie auf den „Einbetten“-Button (innerhalb des "Teilen"-Fensters) und kopieren den gewünschten Link aus der Text-Passage.
Der Text-Passage sieht zum Beispiel so aus:
<iframe width="560" height="315" src="https://www.youtube.com/embed/E_dUAA6ntMg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Davon kopieren Sie nur den Link, welcher nach "src" zwischen den ""-Anführungszeichen steht. In diesem Fall ist das:  https://www.youtube.com/embed/E_dUAA6ntMg
Nutzen Sie nicht den Link, welcher auf die YouTube Webseite führt. Mit dem sogenannten "Watch-Link" wird das Video nicht auf Ihrer Webseite abspielbar sein. Ein "Watch-Link" sieht zum Beispiel so aus: https://www.youtube.com/watch?v=E_dUAA6ntMg .
Zeigt das die Position des Youtubeplayer Moduls im incca-CMS.
A.3) Einfügen des Videos auf der Webseite

Öffnen Sie die Webseite im Sitemanagement.
Fügen Sie das Objekt "Youtubeplayer" ein, welches sich in der Rubrik Multimedia befindet.
Zeigt das Youtubeplayer-Modul im incca-CMS.
A.4) Link in Youtubeplayer eintragen:
Fügen Sie den Embed- oder Short-Link, welchen Sie im Abschnitt A.3) erhalten haben, in die Zeile "YouTube Embed Link" ein.
Stellen Sie das Feld Breite im Normalfall auf "Breit", um die volle Spalten Breite der Webseite zu nutzen. (Empfohlen)
Verwenden Sie "Normal" bei speziellen schmalen Videos, welche verkleinert auf der Webseite dargestellt werden.
Profi-Tipp:
An den Link kann man Parameter anfügen, die das Verhalten des Videos auf Ihrer Seite ändern. Bitte beachten Sie, dass dies nur mit dem "embed"-Link funktioniert. Die Folgenden Parameter sind möglich:
  • rel=0 sorgt dafür, dass nach dem Video kein weiteres (fremdes) Video gezeigt wird
  • showinfo=0 sorgt dafür, dass das Video ohne Überschrift angezeigt wird.
  • start=0 sorgt dafür, dass das Video an einer bestimmten Stelle abgespielt wird. Ersetzen Sie die 0 durch die Anzahl der Sekunden, welche am Anfang übersprungen werden sollen. Z.B. Überspringen von einer Minute "t=60" oder überspringen von 5 Minuten "t=300"
Parameter werden an den Link mit einem "?" angehängt. Sollten Sie mehrere Parameter anhängen, trennen Sie diese bitte mit einem "&".
Zum Beispiel:
Der Folgende Link fängt nach 60 Sekunden an und zeigt danach keine fremden Inhalte an:
https://www.youtube.com/embed/lwxcyVsTAU0?start=60&rel=0


Noch ein Tipp:
Wenn Sie den YouTube-Channel des Sankt Michaelsbundes abonnieren, erhalten Sie automatisch eine Mail, sobald ein neues Video vorhanden ist. Dazu ist eine Anmeldung bei YouTube erforderlich.

Und so sieht ein eingebauter YouTube-Mediaplayer aus:

Man kann auch ganze Playlists einbinden

Wer mehr als ein einzelnen Video auf seiner Seite zeigen will, kann auch sogenannte Playlists einbinden. In den Plalists von mk online werden regelmäßig neue Videos hinzugefügt. Diese erscheinen dann auch auf Ihrer Seite automatisch an erster Stelle.

Um eine Playlist auf Ihrer Seite einzubinden, gehen Sie zunächst auf den jeweiligen Kanal. Anschließend wählen Sie die Playlist aus und kopieren im nächsten Schritt die URL der Playlist aus der Browserzeile. Die URL bauen Sie wie oben beschrieben über das Objekt Mediaplayer YouTube ein.

Hier ein Beispiel von der Playlist "Religiöses Buch des Monats". Der Link zu dieser Playlist sieht so aus (Beachten Sie den Text "playlist" in der URL.): https://www.youtube.com/playlist?list=PLtA68r38syjJzndGVeX3jStOqB8XVmpjf

B) Vimeo-Player einbinden

Vimeo ist wie YouTube ein Streaming- bzw Video-on-Demand- Dienst. sollte Ihnen YouTube nicht zusagen, können Sie gerne auf diesen Dienst wechseln. Die grobe Struktur zum einbinden ist ähnlich zu YouTube. Im Folgenden führen wir Sie durch die einzelnen Schritte.
A.0) Die Vorbereitungen bei eigenen Videos

Um Vimeo-Videos auf Ihrer Webseite einzubinden, müssen diese zuerst auf Vimeo hochgeladen werden. Wie Sie dies bewerkstelligen können Sie in diesen Seiten lesen:
Vimeo-Mitgliedschaften
Vimeo-Video hochladen
Privatsphäre-Einstellungen

Bitte beachten Sie die Nutzungsbedingungen und AGBs von Vimeo. Beachten Sie auch, dass beim hochladen von Videos geltende Datenschutz- und Lizenzrechte eingehalten werden.
Zeigt die Position des "Teilen" Button in Vimeo.
A.1) Video bei Vimeo aussuchen.

Links-klicken Sie auf der Vimeo Webseite auf den Button "Teilen".
Zeigt Position des Links in der Teilen Funktion von Vimeo.
A.2) Video-URL erhalten

Sie müssen zum Einbinden der Videos auf der Webseite die richtige URL auswählen.

Im vorherigen Schritt haben Sie auf den Button "Teilen" geklickt. Es sollte sich nun ein neues Pop-Up Fenster geöffnet haben. Kopieren Sie die Kurz-URL, welche unter "Link" zu finden ist.


Zeigt die Position des Vimeo-Players im incca CMS.
A.3) Einfügen des Videos auf der Webseite

Öffnen Sie die Webseite im Sitemanagement.
Fügen Sie das Objekt "Vimeoplayer" ein, welches sich in der Rubrik Multimedia befindet.
Zeigt die Übersicht zum Vimeoplayer im incca CMS.
A.4) Link in Vimeoplayer eintragen:
Fügen Sie den "Short"-Link, welchen Sie im Abschnitt A.3) erhalten haben, in die Zeile "Vimeo Embed Link".
Stellen Sie das Feld Breite im Normalfall auf "Breit", um die volle Spalten Breite der Webseite zu nutzen. (Empfohlen)
Verwenden Sie "Normal" bei speziellen schmalen Videos, welche verkleinert auf der Webseite dargestellt werden.
Profi-Tipp:
An den Link kann man Parameter anfügen, die das Verhalten des Videos auf Ihrer Seite ändern:
  • #t=0 sorgt dafür, dass das Video an einer bestimmten Stelle abgespielt wird. Ersetzen Sie die 0 durch die Anzahl der Sekunden, welche am Anfang übersprungen werden sollen. Z.B. Überspringen von einer Minute "?t=60" oder überspringen von 5 Minuten "?t=300"

Noch ein Tipp:
Wenn Sie den Vimeo-Channel des Sankt Michaelsbundes abonnieren, erhalten Sie automatisch eine Mail, sobald ein neues Video vorhanden ist. Dazu ist eine Anmeldung bei Vimeo erforderlich.

Der Vimeoplayer sieht zum Beispiel so aus:

© Erzbistum München und Freising 2024
  • Hinweise für Webseiten-Betreiber zum Kirchlichen Datenschutz
  • Impressum
  • Datenschutzerklärung
  • Kontakt
  • CMS
  • Seite drucken
  • Bildnachweis
  • Cookie-Einstellungen