Videos im ePaper hinzufügen

Videos im ePaper hinzufügen


Eigene Videos und Youtube-Videos einbinden

Um auf einer Seite des ePapers ein Video hinzuzufügen, klicken Sie im Seite bearbeiten Fenster auf die Schaltfläche Neues Element hinzufügen und wählen die Option Video hinzufügen aus dem Drop-down Menü aus.


Dadurch öffnen Sie das Dialogfenster zum Anlegen von Videos. Ihnen werden Hilfestellungen zu den einzelnen Feldern eingeblendet, wenn Sie den Mauszeiger über eines der Fragezeichen halten.


  • Video-Link: In diesem Feld tragen Sie die vollständige Zieladresse/URL zum gewünschten Video ein. Dazu gehört die Information, welches Protokoll die Zielseite verwendet (http:// oder https://). Wenn Sie einen unvollständigen Link angeben, wird das Video nicht abgespielt. Sie können in diesem Feld URL-Adressen zu Videos auf  YouTube, Vimeo, aber auch zu mp4-Dateien, die Sie auf Ihrem eigenen Server bereitstellen, angeben.
  • Höhe und Breite: Über diese Felder legen Sie fest, wie groß das Video im ePaper geöffnet wird. Die Angabe erfolgt in Pixel. Wenn Sie einen Link eintragen, versucht das CMS zunächst die originale Größe des Videos automatisch zu ermitteln. Dies kann einige Sekunden dauern.

Wichtige Hinweise: Unterstützte Video-Container sind mp4-, mov- und m4v-Dateien. Die besten Erfahrungen haben wir bisher mit der H.264 Spezifikation für mp4- Videos gemacht. Wenn Sie sich bei der Konvertierung Ihrer mp4-Videos daran orientieren, laufen die Videos im ePaper auf allen unterstützten Geräten.

Beachten Sie, dass die meisten Browser inzwischen Mixed Content aus Sicherheitsgründen blockieren. Mixed Content entsteht, wenn aus verschlüsselten Anwendung (via SSL) auf unverschlüsselte Ressourcen zugegriffen wird. Hosten Sie das ePaper später auf Ihrem Server via https, werden Videos, die Sie über http-Adressen hinzufügen, nicht angezeigt.

Weitere Hinweise: Wenn Sie YouTube-Videos mit Parameterangaben verwenden wollen, müssen Sie die URL´s des YouTube Embedded Players verwenden. Über Parameter können Sie zum Beispiel Start- und Endzeit eines Videos, Loops, Playlists oder Autoplay einstellen. Alle Informationen dazu finden Sie hier: https://developers.google.com/youtube/player_parameters?hl=de

Videos von Vimeo im ePaper einbinden

Neben Videos von Youtube können Sie auch Videos von vimeo (http://vimeo.com/) einbinden. Wie Sie dabei vorgehen müssen zeigen wir Ihnen in wenigen Schritten.

Schritt 1:


Klicken Sie auf den Share Button für das Video auf Vimeo.com, dass Sie dem ePaper hinzufügen möchten.


Kopieren Sie sich den Embed Code in die Zwischenablage (Strg + c) und fügen Sie diesen in einem Texteditor oder Schreibprogramm ein (Strg + a).


Wichtig zur Einbindung ins ePaper ist nur die URL, die im src Attribut zwischen den Anführungsstrichen angegeben ist. Kopieren Sie sich diese URL in die Zwischenablage.

Schritt 2:

Klicken Sie in Ihrem CMS Account auf das Seite bearbeiten Symbol der Seite des ePapers, auf welcher Sie das Video hinzufügen wollen.


Klicken Sie im Dialogfenster auf Neues Element hinzufügen und wählen Sie die Option Link hinzufügen” aus dem Dropdown Menü.


Wählen Sie das video.png aus dem Dropdown Menü für das Icon. Fügen Sie in das Feld für die Link-Adresse die URL des Videos aus der Zwischenablage ein. Setzen Sie das Häkchen in der Checkbox für Link in Shadowbox öffnen. Für die Breite bzw. Höhe der Shadowbox tragen Sie am Besten die Werte ein, die im Embed Code in den Attributen width (Breite) und height (Höhe) angegeben sind. Speichern Sie Ihre Einstellungen zum Schluss.


Wenn Sie das ePaper nun, zum Beispiel in der Vorschau, betrachten, wird der Link zum Video mit dem Video-Icon in der Mediabox angezeigt.


Klicken Sie auf das Video in der Mediabox, öffnet sich die Seite in der Shadowbox und Ihren Lesern entsteht so der Eindruck, als würde sich der Videoplayer im ePaper öffnen. Im Endeffekt ist dies auch so, denn die Shadowbox ist letzendlich nichts anderes als ein Frame, in dem der Player von Vimeo geladen wird.

Parameterangaben sind auch für Vimeo-Videos möglich. Weitere Informationen dazu finden Sie hier: https://developer.vimeo.com/player/embedding

Jetzt anmelden und alle Features des ePaper Professionals ausprobieren!

    • Related Articles

    • Links im ePaper hinzufügen

      In diesem Tutorial erklären wir Ihnen, wie Sie in einem ePaper Links zu externen Websiten hinzufügen können. Im zweiten Kapitel erfahren Sie, wie Sie bereits in der PDF Verknüpfungsrahmen mit InDesign und Adobe Pro anlegen können, die dann ...

    • Bildergalerien im ePaper hinzufügen

      Um auf einer Seite des ePapers eine Bildergalerie hinzuzufügen, klicken Sie im Seite bearbeiten Fenster auf die Schaltfläche Neues Element hinzufügen und wählen die Option Galerie hinzufügen aus dem Menü aus. Dadurch öffnen Sie das Dialogfenster zum ...

    • Seite bearbeiten - Media-Elemente hinzufügen

      Als Media-Elemente bezeichnen wir Links zu anderen Webseiten, E-Mail-Adressen, Videos und Links zu anderen Seiten des ePapers. Auf jeder Seite einer Ausgabe können Sie beliebig viele dieser Elemente hinzufügen. Zum Hinzuzufügen oder um bereits ...

    • E-Mail Adressen im ePaper hinzufügen

      Um auf einer Seite des ePapers eine E-Mail Adresse hinzuzufügen, klicken Sie im Seite bearbeiten Fenster auf die Schaltfläche Neues Element hinzufügen und wählen die Option E-Mail Adresse hinzufügen aus dem Menü aus. Dadurch öffnen Sie das ...

    • Text- und HTML-Beiträge im ePaper hinzufügen

      Um auf einer Seite des ePapers einen Beitrag hinzuzufügen, klicken Sie im Seite bearbeiten Fenster auf die Schaltfläche Neues Element hinzufügen und wählen die Option Beitrag hinzufügen aus dem Menü aus. Dadurch öffnen Sie das Dialogfenster zum ...