Video-Streaming auf Website von Kontainer

Enterprise- oder Add-on-Feature

Sie können Videos direkt aus Kontainer auf Websites und Webshops streamen. Mehr erfahren und loslegen: Meeting mit Customer Success buchen.

Sobald das Video-Streaming-Tool aktiviert ist, können Sie loslegen. Folgen Sie den einfachen Schritten, um einen benutzerdefinierten Embed-Link zu erhalten oder ein Videoformat-Template einzurichten.

Video CDN aktivieren

Finden Sie Ihre Videodatei und öffnen Sie sie im Galerie-Modus. Stellen Sie sicher, dass die Infobar rechts geöffnet ist, oder öffnen Sie sie über das „i"-Symbol im oberen Menü.

Unten im Informationsmenü finden Sie die Option Video CDN aktivieren.

Nachdem Sie das Kästchen Aktivieren markiert haben, konvertiert Kontainer das Video in verschiedene Größen. Dies kann einige Minuten dauern. Sie können in der Zwischenzeit andere Aufgaben erledigen und die Seite aktualisieren, um den Abschluss der Konvertierung zu prüfen.
Video-CDN in Kontainer aktivieren

Embed-Einstellungen

Nach der Konvertierung erhalten Sie eine URL, die Sie kopieren können, sowie Embed-Einstellungen, um Ihren IFRAME- oder HTML-Embed-Link anzupassen.

Optionen umfassen:

  • Autoplay
  • Wiederholung (Loop)
  • Stummgeschaltet
  • Steuerelemente ausblenden
  • Größen
  • Download aktivieren (muss vor dem Öffnen der Embed-Einstellungen aktiviert werden)

Embed-Einstellungen für Kontainer Video-Streaming

Um dies für Kolleg:innen und externe Nutzer:innen schneller und einfacher zu machen, können Sie Presets einrichten.

Presets

Unter Ressourcen und Video-Presets können Sie eigene Schnellauswahl-Formate einrichten, mit denselben Optionen wie bei den Embed-Einstellungen.
Preset-Einstellungen für Kontainer Video-Streaming

Sind Sie mit Ihren Einstellungen zufrieden, kopieren Sie einfach den IFRAME- oder HTML-Link und fügen ihn auf Ihrer Website ein.
Link aus den Embed-Einstellungen kopieren
Fertig!

Bei Fragen wenden Sie sich an Customer Success.

Unterstützte Dateitypen

Folgende Dateitypen werden vom Video-Streaming-Tool unterstützt:

3gp, asf, avi, avs, dv, dvd, f4v, flic, flv, hevc, m1v, m2ts, m2v, m4v, m4p, mjpeg, mkv, mov, mp2, mp4, mp4v, mpeg, mpg, mpe, mpv, mts, mxf, ogv, psp, rm, swf, ts, vcd, vob, webm, wmv, wtv

Automatische Untertitel

Kontainer kann die gesprochene Sprache in einem Video automatisch transkribieren und Untertitel generieren, sodass Sie diese nicht manuell erstellen oder ein separates Tool nutzen müssen.

Um die Transkription zu starten, klicken Sie auf die CC-Option und dann auf Untertitel hinzufügen.

Spracherkennung

Die gesprochene Sprache kann automatisch erkannt werden, oder Sie wählen selbst eine bestimmte Sprache aus, bevor Sie die Transkription starten. Es gibt keine Begrenzung für die Anzahl der Sprachen, für die Sie Untertitel generieren können.

Das CC-Modal

Sobald eine Transkription vorhanden ist, wird sie über das CC-Modal verwaltet. Von hier aus können Sie:

  1. Übersetzen Sie die Transkription in andere Sprachen
  2. Bearbeiten Sie die Transkription (Text und Timing)
  3. Herunterladen Sie die Transkription als .srt-Datei
  4. Duplizieren Sie eine bestehende Transkription
  5. Löschen Sie die Untertitel für die jeweils ausgewählte Sprache

Sobald die Transkription abgeschlossen ist, generiert Kontainer automatisch eine Untertitelspur für das Video.

Automatisch generierte Untertitel im Kontainer DAM Video-Streaming-Tool

Vorhandene Untertitel hochladen

Wenn Sie bereits über eine Untertiteldatei für ein Video verfügen, können Sie diese direkt hochladen, anstatt eine neue zu generieren. Es werden ausschließlich .srt-Dateien für den Upload unterstützt.

Untertitel zu Videos im Kontainer DAM Video-Streaming-Tool hinzufügen

Hinweis: Untertitel sind bei der Wiedergabe standardmäßig nicht aktiviert – Zuschauer müssen sie über das Drei-Punkte-Menü unten rechts im Videoplayer aktivieren.

Verfügbare Video-Player-Steuerungen

Entwickler können den Video-Player programmatisch steuern, indem sie ihm über postMessage Nachrichten senden. Der Player kann diese Nachrichten empfangen und Aktionen wie Play, Pause, Lautstärke ändern oder Vollbild ausführen — ganz ohne dass Nutzer:innen auf den Player selbst klicken müssen.

Dies funktioniert auch, wenn das Video in eine andere Seite oder in ein iFrame eingebettet ist.

Im Folgenden finden Sie eine Liste der verfügbaren Steuerungen für den Video-Player:

Wiedergabe-Steuerungen

  • Play
    window.postMessage({ type: 'kontainer-video-player', action: 'play' });
  • Pause
    window.postMessage({ type: 'kontainer-video-player', action: 'pause' });
  • Stop
    window.postMessage({ type: 'kontainer-video-player', action: 'stop' });

Audio-Steuerungen

  • Stummschalten
    window.postMessage({ type: 'kontainer-video-player', action: 'mute' });
  • Stummschaltung aufheben
    window.postMessage({ type: 'kontainer-video-player', action: 'unmute' });
  • Stummschaltung umschalten
    window.postMessage({ type: 'kontainer-video-player', action: 'toggleMute' });
  • Lautstärke setzen (0.0 – 1.0)
    window.postMessage({ type: 'kontainer-video-player', action: 'setVolume', data: { volume: 0.5 } });

Wiedergabeposition

  • Springe zu Zeit (in Sekunden)
    window.postMessage({ type: 'kontainer-video-player', action: 'seek', data: { time: 60 } });

Fullscreen-Steuerungen

  • Vollbild
    window.postMessage({ type: 'kontainer-video-player', action: 'fullscreen' });
  • Vollbild verlassen
    window.postMessage({ type: 'kontainer-video-player', action: 'exitFullscreen' });
  • Vollbild umschalten
    window.postMessage({ type: 'kontainer-video-player', action: 'toggleFullscreen' });

Videoqualität

  • Qualität setzen
    window.postMessage({ type: 'kontainer-video-player', action: 'setQuality', data: { quality: 720 } });

    • 0 = Auto
    • Oder spezifische Auflösungen wie 360, 480, 720, usw.

Steuerung eines bestimmten Players nach ID

  • Aktion an eine bestimmte Player-Instanz senden
    window.postMessage({ type: 'kontainer-video-player', action: 'play', targetPlayerId: 'player_12345' });
    Hinweis: Die playerId kann über den URL-Parameter ?playerId=your_custom_id gesetzt werden oder wird automatisch anhand der Videoquelle generiert.

Nutzung in iFrames

  • Gleiche Befehle, aber Nachrichten werden an das contentWindow des iFrames gesendet.
    Beispiel:
    const iframe = document.getElementById('your-iframe-id');

    iframe.contentWindow.postMessage({ type: 'kontainer-video-player', action: 'play' });