Einrichtung Video/Audio

Ansicht des Formulars zum einfügen eines Videos oder Audios. Die Formularfelder sind im Text beschrieben.

Einfügen eines Flex-Moduls "Video/Audio"

Anleitung

Als Erstes können Sie auf der linken Seite des Flex-Moduls eine Überschrift mit einer Gliederungsstufe und einen Anker vergeben.

Informationen zum barrierefreien Einsatz der Gliederungsstufe finden Sie auf der Seite Digitale Barrierefreiheit in Imperia im Abschnitt “Strukturierter Inhalt”.

Die Verwendung von Ankern und Links auf Ankerziele finden Sie im Abschnitt Anker.

Wenn es sich um ein Video mit Gebärdensprache handelt, sollten Sie DGS-Icon anzeigen auf “ja” stellen. Dadurch wird das Video mit dem DGS-Symbol gekennzeichnet.

Sie können das ganze Flex-Modul zeitlich begrenzt anzeigen lassen, indem Sie die Start- und Stopp-Felder ausfüllen.

Eine Anleitung dazu finden Sie auf der Seite Zeitversetztes Anzeigen von Seiten und Flex-Modulen im Abschnitt Module und Blöcke zeitlich steuern.

Danach folgen die wichtigen Einstellungen zur Medien-Quelle, wo Video oder Audio Dateien eingebunden werden können.

  • Mit der Auswahl der Medien-Quelle legen Sie fest, woher der eigentliche Multimedia-Inhalt geladen wird. Hier wählen Sie entweder eine Datei aus dem MAM aus oder tragen eine URL bzw. Videoserver-ID zu einem Video ein.
  • Beim MIME-Type müssen Sie den Medientyp auswählen. Bei einer falschen Auswahl wird Ihr Multimedia-Inhalt ggf. nicht oder nicht richtig angezeigt. An dieser Stelle kann auch eine “YouTube-Playlist” ausgewählt werden.
  • Bitte tragen Sie den Anbieter ein, wenn Sie das Video direkt von einer externen Quelle (bspw. dem RBB) beziehen. Ein Video von Imperia (eingetragen mit /ba-xx…) benötigt keinen Anbieter.
  • Zuletzt kann eine Start-Zeit angegeben werden (aktuell nur für YouTube-Videos). Diese wird in Sekunden eingetragen und führt dazu, dass das Video erst bei dieser Zeit startet. Damit kann bei einem längeren Video direkt an die wichtige Stelle gesprungen werden.

Mit der Blocksteuerung können Blöcke für die Hinterlegung von Untertitel-Dateien eingefügt werden. Es können mehrere Dateien in unterschiedlichen Sprachen eingefügt werden. Bitte verwenden Sie bei neuen Videos bevorzugt das Format “vtt” (Web Video Text Tracks). Das Format “srt” (SubRip Subtitle) wird nur noch wegen vieler bestehender Videos mit Untertiteln in diesem Format unterstützt.

Die Untertitel-Dateien werden nur bei Videos verwendet, die in Imperia hochgeladen wurden. Wenn Videos über den Videoserver oder andere externe Plattformen eingebunden werden, müssen die Untertitel auf der jeweiligen Plattform hinterlegt werden.

Auf der rechten Seite des Moduls können folgende Einstellungen vorgenommen werden:

  • Zum Video bzw. zu der Audiodatei kann ein Kurztext eingetragen werden, der unterhalb des Players angezeigt wird.
  • Bei Breite und Höhe geben Sie die Ausmaße des Darstellungsfensters für Ihren Multimediainhalt an. Dies muss nicht zwingend den tatsächlichen Maßen des Multimediainhaltes entsprechen, sondern kann auch zur Skalierung genutzt werden. Bei der Einbindung von Audiodateien muss ebenfalls eine Größe angegeben werden, da sonst der Player nicht angezeigt wird. Hier ist allerdings die Höhe fest und nur die Breite anpassbar.
  • Der Alternativtext muss im Rahmen der Barrierefreiheit ausgefüllt werden. Dieser Text wird an Stelle des Multimediainhaltes für Blinde und Suchmaschinen angezeigt. Hier empfiehlt sich also eine inhaltliche, kurze Zusammenfassung des Videos einzutragen.
  • Mit dem Vorschau-Bild können Sie ein Bild definieren, das vor dem Abspielen des Videos angezeigt wird. Das Bild wird halbtransparent im Zwei-Klick-Dialog angezeigt, wenn Videos von externen Quellen wie YouTube oder vom Videoserver MovingImage genutzt werden. Ist ein lokales Video eingebunden, wird das Bild direkt im Video-Container angezeigt. Bei der Nutzung als Audio-Player wird kein Bild angezeigt.

Hinweis zu lokalen Medien

Wenn Sie Audios oder Video in Imperia direkt nutzen wollen, beachten Sie bitte die Größeneinschränkungen von Uploads.

Medientypen Video

Um die Videos möglichst vielen Nutzer*innen zur Verfügung zu stellen, sollte das Format MP4 gewählt werden. YouTube-Videos, Vimeo.com-Videos und Videos auf dem Videoserver sind ebenfalls gut geeignet. Der überwiegende Teil der Browser und mobilen Endgeräte unterstützt diese Formate.

MP4

MP4-Videos können von den meisten Nutzer*innen Ihrer Webseite angesehen werden. Das Format wird in vielen Browsern und mobilen Endgeräten wiedergegeben.

YouTube- und Vimeo.com-Videos

Mit der Auswahl “Youtube-Video” bzw. “Vimeo.com-Video” kann die Anzeige von Videos aus YouTube und Vimeo eingestellt werden. Sie können einfach die URL aus dem Browser kopieren und ins Feld “Auswahl der Quelle” einfügen. Für YouTube sollte die URL dann die Form “https://www.youtube.com/watch?v=xxxx1234” haben. Eine Veränderung dieser ist nicht nötig. Die meisten Nutzer*innen können diese Videos ansehen, allerdings werden am Ende eventuell Werbung bzw. Empfehlungen zu “ähnlichen” Videos angezeigt.

YouTube Shorts

Mit der Auswahl “YouTube-Video” können Sie auch die Anzeige einzelner Shorts einstellen. Dazu müssen Sie den Link des YouTube Shorts bearbeiten.

  1. Kopieren Sie den Link des YouTube Shorts aus dem Browser
  2. Die URL sollte diese Form haben: https://www.youtube.com/shorts/xxxx1234
  3. Jetzt nehmen Sie die ID (den Teil nach shorts/) und fügen ihn in die normale YouTube-Form der URL ein
  4. Die finale URL-Form sollte dann so aussehen: https://www.youtube.com/watch?v=xxxx1234

Damit haben Sie einen funktionierenden Link, der das Short als normales Video abspielt. Wenn Sie keine dunklen Balken beidseits des hochkantigen Videos wünschen, können Sie die Werte für Höhe und Breite des Videos tauschen.

YouTube-Playlisten

Mit der Auswahl “YouTube-Playlist” kann die Anzeige einer gesamten Playlist eingestellt werden. In der Seite wird dann das erste Video dargestellt, zudem erscheint oben rechts ein Menü, in dem User*innen weitere Videos selbst auswählen und damit die Listenwiedergabe für sich ändern können.

MovingImage

Wir bieten einen Videoservice für alle Barrierefreiheits-Videos und darüber hinaus an. Dieser verarbeitet mehrere Video-Formate und lässt das Hinzufügen von Untertitel-Dateien zu.

Weitere Informationen finden Sie auf der Seite Videoserver movingimage.

Nicht unterstützte Formate

Die folgenden Formate werden nicht mehr unterstützt, da sie auf ganzen Gruppen von Endgeräten nicht nutzbar sind:

  • OGV/ogg:
    Das Format OGV/ogg kann nicht auf iPhone und iPad abgespielt werden.
  • FLV (Flash)
    Um Flash-Filme abzuspielen, benötigen die Nutzer*innen einen Flash-Player als Browser-Plugin. Auf mobilen Endgeräten ist meist kein Flash-Player verfügbar.
  • M4V
    Das ist ein Containerformat von Apple. Daher kann es ggf. nicht auf allen Endgeräten abgespielt werden.
Ansicht des Audio-Players mit einem Play-Button, Fortschrittsanzeige des Abspielens, Lautstärke-Einstellung und Anzeige der Abspielgeschwindigkeit

Mögliche Darstellung des Audio-Players

Medientypen Audio

Neben der Bereitstellung von Videos können hiermit auch Audiodateien abgespielt werden. Das Modul funktioniert dann als Audio-Player.

mp3

Das Format mp3 sollte auf den meisten Endgeräten keine Probleme beim Abspielen bereiten.

OGA/ogg – nicht empfohlen

Das Format OGA/ogg kann nicht auf iPhone und iPad abgespielt werden.