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.

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)

Presets

Unter Ressourcen → Video-Presets können Sie eigene Schnellauswahl-Formate einrichten, mit denselben Optionen wie bei den Embed-Einstellungen.

IFRAME- oder HTML-Link kopieren

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

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

Verfügbare Video-Player-Steuerungen

Entwickler können den Video-Player programmatisch steuern via postMessage.
Aktionen umfassen Play, Pause, Lautstärke ändern, Fullscreen, ohne dass der Nutzer auf den Player klicken muss.
Dies funktioniert auch, wenn das Video in eine andere Seite oder in ein IFRAME eingebettet ist.

Wiedergabe-Steuerungen
// Abspielen
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' });

// Umschalten Mute
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' });

// Umschalten Vollbild
window.postMessage({ type: 'kontainer-video-player', action: 'toggleFullscreen' });

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

// Optionen: 0 = Auto, oder spezifische Auflösungen: 360, 480, 720, usw.

Steuerung eines bestimmten Players nach ID
window.postMessage({ type: 'kontainer-video-player', action: 'play', targetPlayerId: 'player_12345' });

Hinweis: playerId kann über URL-Parameter ?playerId=your_custom_id gesetzt werden oder wird basierend auf der Videoquelle generiert.

Nutzung in iFrames

Gleiche Befehle, aber Nachrichten an das contentWindow des iFrames senden:

const iframe = document.getElementById('your-iframe-id');
iframe.contentWindow.postMessage({ type: 'kontainer-video-player', action: 'play' });