TYPO3-Video- und Audio-Extension

  • für HTML5-Videos in allen Endgeräten und Videos von YouTube
  • auch zum Einfügen von Audiodateien geeignet
  • handliche Einbindung über ein Plugin

Passende Darstellung von Videos

Videos sind inzwischen gängige Inhalte auf Websites geworden, da man seinen Besuchern damit sein Unternehmen, Produkte, Nachrichten u.v.m. anschaulich präsentieren kann.

Ursprünglich haben wir die TYPO3-Extension "a7video" entwickelt, weil Videos für eine lange Zeit in vielen - insbesondere mobilen - Endgeräten noch nicht abgespielt werden konnten, da nicht alle Browser mit allen verwendeten Formaten umgehen konnten. Das Medien-Element von TYPO3 bot keine Lösung, weil damit immer nur eine Videodatei eingebunden werden konnte. Somit hätte man mehrere Elemente (jeweils eins pro Videoformat) anlegen und dabei in Kauf zu nehmen müssen, dass die Besucher je nach Endgerät und Browser die Videos entweder mehrfach angezeigt bekommen oder mehrere Platzhalter für nicht abspielbare Videos (oder auch gar nichts) sehen. Auch die Einbindung von Videos über eine geeignete Plattform wie YouTube bot keine geeignete Lösung, weil Benutzer damit unter Umständen auch Werbung und die Videoangebote der Mitbewerber angezeigt bekommen. Mit unserer a7video-Extension war eine automatische Anzeige des passenden Videoformats für das jeweilige Endgerät möglich: Vorhandene Videos wurden in die vom HTML-Tag <video> unterstützten Formate .webm, .ogv und .mp4 konvertiert und anschließend nur noch in ein a7video-Plugin eingebunden. Die Browser nutzten dann automatisch das jeweilige Format, das sie ohne zusätzliches Plugin abspielen konnten, und zeigten das Video mit den gewünschten Einstellungen an.

Mittlerweile ist diese Lösung mit drei verschiedenen Videoformaten nicht mehr nötig, da es inzwischen eine breite Unterstützung der Browser des Videoformats .mp4 gibt. Somit ist es inzwischen ausreichend, Videos nur noch in diesem einen Format einzubinden, damit sie in nahezu allen Endgeräten abspielbar sind. Die Einbindung könnte auch über das TYPO3-Inhaltselement Text & Medien erfolgen, doch die a7video bietet zusätzlich die Möglichkeit, ein selbst gewähltes Vorschaubild aus der Dateiliste oder über eine externe URL im Plugin einzustellen. 

Zudem bietet die Video-Extension von a7digital inzwischen auch weitere attraktive Funktionen, die ebenfalls über die einfache Einbindung in ein Plugin genutzt werden können: Das a7video-Plugin "YouTube" bietet die Möglichkeit, Videos von YouTube einfach auf der Website einzubinden und dabei wichtige Einstellungen für die Anzeige komfortabel vorzunehmen. Über einfache Häkchenfelder kann der datenschutzkonforme Modus aktivert und entschieden werden, ob nach dem Abspielen des eigenen Videos verwandte Themen anderer Anbieter gezeigt werden sollen. Zudem kann ein Startbild (ebenfalls aus der Dateiliste oder über eine externe URL) angegeben, das gewünschte Seitenverhältnis festgelegt und weitere Einstellungen vorgenommen werden wie automatisches Abspielen, Abspielen in Schleife und Anzeigen der Steuerleiste. Diese Einstellungsmöglichkeiten über das Plugin bieten den Vorteil, dass Redakteuren einer TYPO3-Website nicht die Berechtigung zur Bearbeitung von HMTL-Inhaltselementen gegeben werden muss, um solche Einstellungen vorzunehmen.

Einbindung eines HTML5-Videos, das im TYPO3-Backend hochgeladen wurde, über ein Plugin der Extension a7video
Einbindung eines YouTube-Videos über ein Plugin der Extension a7video

Einfache Einbindung von Audiodateien

Über das a7video-Plugin "Audio" können Sie Audiodateien elegant in Ihre TYPO3-Website integrieren. Diese können Sie entweder als .mp3-Datei in Ihre Dateiliste hochladen oder von einer externen Website einbinden. Für eine ansprechende Darstellung haben Sie die Möglichkeit, pro Datei ein Platzhalterbild aus der Dateiliste oder über eine externe URL einzufügen. Zusätzlich können Sie im Plugin weitere Einstellungen über Häkchenfelder vornehmen wie z.B. automatisches Abspielen, Steuerleiste anzeigen, Abspielen in Schleife oder auf stumm setzen.

Einbindung einer externen Audiodatei über ein Plugin der Extension a7video
Darstellung der Audio-Dateien im Frontend der Website

Die interessanten Einstellmöglichkeiten der a7video-Extension im Überblick

  • Plugin für HTML5-Videos:
    • Angabe eines Startbildes
    • gewünschte Größenabmessungen
    • automatisches Abspielen
    • Herunterladen ermöglichen
    • automatisches Laden des Videos
    • Anzeige einer Steuerleiste
  • Plugin für YouTube-Videos:
    • Angabe eines Startbildes
    • gewünschtes Seitenverhältnis
    • datenschutzkonformen Modus aktivieren
    • Anzeige verwandter Themen
    • automatisches Abspielen
    • Abspielen in Schleife
    • Anzeigen der Steuerleiste
  • Plugin für Audiodateien:
    • Angabe eines passendes Bildes
    • automatisches Abspielen
    • Steuerleiste anzeigen
    • Abspielen in Schleife
    • auf stumm setzen

Nutzung der Extension

Diese von a7digital entwickelte Erweiterung ist bis auf Weiteres nicht im TYPO3 Extension Repository (TER) vertreten, weil es dazu kein Handbuch gibt. Wir beschreiben sie hier dennoch, da sie ein anschauliches Beispiel für individuelle Programmierung darstellt.

Kontaktdaten Kontaktdaten
TYPO3-Websites ist ein Service von a7digital.
German
English