Zum Hauptinhalt springen

HTML5 Video Player

Der HTML Video Player ermöglicht es Ihnen, Videos direkt auf der Website abzuspielen. Damit der Videoplayer funktioniert, muss man ihm die genaue Adresse (den Pfad) zu der Videodatei angeben, die er abspielen soll. Diese Videodatei muss im Format ".mp4" vorliegen.

Was ist ein Pfad zu einer Videoquelle?

Ein Pfad ist sozusagen die genaue „Adresse“ der Datei, die dem Videoplayer sagt, wo er das Video finden kann. Das kann man sich vorstellen wie eine Wegbeschreibung zu einem bestimmten Ort: Man gibt genau an, wo sich die Videodatei befindet, damit der Player weiß, wohin er gehen muss, um sie zu holen.

Beispiel eines kompletten Pfades:

Ein vollständiger Pfad könnte so aussehen:

www.deine-website.de/uploads/videos/meinvideo.mp4

Dieser Pfad sagt dem Videoplayer, dass er auf der Website „deine-website.de“ in den Ordner „uploads“, dann in den Unterordner „videos“ gehen soll und dort die Datei „meinvideo.mp4“ findet.

Wie funktioniert das Einbinden in TYPO3?

  1. Videoplayer hinzufügen: Fügen Sie im TYPO3-Backend das Inhaltselement "Video Element" hinzu. Dieses Element ermöglicht es Ihnen, Videos auf Ihrer Website abzuspielen.
  2. Quellentyp auswählen: Wählen Sie "Externe URL" aus. Diese Option ermöglicht es Ihnen, eine Videodatei von einem externen Ort, wie einem Webserver, einzubinden.
  3. Pfad zur MP4-Datei angeben: Geben Sie den vollständigen Pfad zur MP4-Datei ein, den Sie von Ihrem Webserver oder einem anderen Ort erhalten haben, an dem das Video gespeichert ist. Zum Beispiel könnte der Pfad so aussehen: www.ihre-website.de/videos/beispielvideo.mp4. Wichtig ist, dass das Video öffentlich zugänglich ist, also nicht hinter einer Sperre oder einem Passwort geschützt liegt, damit der Videoplayer es abspielen kann.
  4. Pfad zum Vorschaubild und zur Untertitel-Datei angeben (optional):
  • Vorschaubild: Sie können den Pfad zu einer JPG-Datei angeben, die der Videoplayer als Vorschaubild nutzt, bevor das Video abgespielt wird. Dies kann das Erscheinungsbild des Videoplayers verbessern und den Nutzern eine Vorschau auf den Videoinhalt geben. Sie benötigen, wie bei der Angabe der MP4-Datei, einen vollständigen Pfad zur Vorschaubild-Datei, zum Beispiel www.ihre-website.de/videos/vorschaubild.jpg.
  • Untertitel-Datei: Zusätzlich können Sie eine Untertiteldatei im VTT-Format angeben. Diese Datei enthält die Untertitel, die während der Video-Wiedergabe angezeigt werden können, um den Inhalt zugänglicher zu machen. Auch hier benötigen Sie, wie bei der Angabe der MP4-Datei, einen vollständigen Pfad zur Untertitel-Datei, zum Beispiel www.ihre-website.de/videos/untertitel.vtt.

Wichtige Punkte:

  • Nur .mp4-Dateien: Der Videoplayer kann nur Videos im MP4-Format abspielen. Andere Formate werden nicht unterstützt.
  • Voller Pfad notwendig: Der Pfad muss vollständig und korrekt sein, sonst kann der Player das Video nicht finden und es wird nichts abgespielt.
  • Erreichbarkeit sicherstellen: Das Video muss an der angegebenen Stelle erreichbar sein. Wenn der Pfad falsch ist oder die Datei verschoben oder gelöscht wurde, wird das Video nicht abgespielt.