Player API e inserciones

Qué puedes hacer

• Insertar el vídeo de forma adaptable, con un tamaño fijo, como lightbox emergente o con el componente web <pellio-player>.
• Llamar a play(), pause(), seek(seconds), mute(), volume(), rate() e identify(email).
• Escuchar eventos como play, progress, complete, lead, chapter e interaction.
• Definir opciones en la URL del reproductor, como autoplay, start, captions, background, resume, seeklock y dnt.

Configúralo

1. Abre un vídeo en Pellio y ve a su pestaña Embed & share.
2. Elige Web component, o Responsive para un iframe, y configura las opciones de reproducción.
3. Copia el código en tu página. Para el componente web tiene este aspecto: <script src="https://play.pellio.io/assets/embed.js" async></script> más <pellio-player video="VIDEO_ID"></pellio-player>.
4. Escucha los eventos en el elemento, por ejemplo player.addEventListener('pellio:progress', …).
5. Con un iframe, envía comandos con postMessage({ pellio: true, method: 'play' }, '*') y escucha los eventos message del reproductor.

Conviene saber

• El componente web se carga cuando aparece en pantalla al desplazarse. Añade eager para cargarlo al momento.
• También envía automáticamente eventos de vídeo a Google Analytics y Tag Manager.
• El evento progress indica la posición del cabezal de reproducción, no los segundos únicos vistos.
• Usa identify o la opción email= para identificar a los espectadores en las analíticas y saltarte los formularios de email.
• Comprueba antes que el vídeo se puede reproducir en tu dominio: consulta Only play on my allowed domains.

Guías completas: Player API e Inserción y opciones del reproductor.