Player-API und Einbettungen

Was du damit machen kannst

• Bette responsiv, in fester Größe, als Popover-Lightbox oder mit der Web-Component <pellio-player> ein.
• Ruf play(), pause(), seek(seconds), mute(), volume(), rate() und identify(email) auf.
• Reagiere auf Ereignisse wie play, progress, complete, lead, chapter und interaction.
• Leg Optionen in der Player-URL fest, etwa autoplay, start, captions, background, resume, seeklock und dnt.

Einrichtung

1. Öffne ein Video in Pellio und geh zum Tab Embed & share.
2. Wähle Web component oder für ein iframe Responsive und stell die Wiedergabeoptionen ein.
3. Kopiere den Code in deine Seite. Für die Web-Component sieht er so aus: <script src="https://play.pellio.io/assets/embed.js" async></script> plus <pellio-player video="VIDEO_ID"></pellio-player>.
4. Reagiere auf Ereignisse am Element, zum Beispiel mit player.addEventListener('pellio:progress', …).
5. Bei einem iframe sendest du Befehle mit postMessage({ pellio: true, method: 'play' }, '*') und hörst auf message-Ereignisse vom Player.

Gut zu wissen

• Die Web-Component lädt, sobald sie in den sichtbaren Bereich scrollt. Mit eager lädt sie sofort.
• Sie sendet außerdem automatisch Video-Ereignisse an Google Analytics und den Tag Manager.
• Das Ereignis progress ist die Position des Abspielkopfs, nicht die eindeutig angesehenen Sekunden.
• Mit identify oder der Option email= benennst du Zuschauer in den Analysen und lässt sie E-Mail-Formulare überspringen.
• Prüf vorher, ob das Video auf deiner Domain abgespielt werden darf: siehe Only play on my allowed domains.

Vollständige Anleitungen: Player-API und Einbetten und Player-Optionen.