Player API e incorporações

O que você pode fazer

• Incorporar de forma responsiva, em tamanho fixo, como lightbox popover ou com o web component <pellio-player>.
• Chamar play(), pause(), seek(seconds), mute(), volume(), rate() e identify(email).
• Escutar eventos como play, progress, complete, lead, chapter e interaction.
• Definir opções na URL do player, como autoplay, start, captions, background, resume, seeklock e dnt.

Como configurar

1. Abra um vídeo no Pellio e vá até a aba Embed & share.
2. Escolha Web component, ou Responsive para um iframe, e defina as opções de reprodução.
3. Copie o código para a sua página. Para o web component, ele fica assim: <script src="https://play.pellio.io/assets/embed.js" async></script> mais <pellio-player video="VIDEO_ID"></pellio-player>.
4. Escute os eventos no elemento, por exemplo player.addEventListener('pellio:progress', …).
5. Com um iframe, envie comandos com postMessage({ pellio: true, method: 'play' }, '*') e escute os eventos message vindos do player.

Bom saber

• O web component carrega quando entra na área visível da página. Adicione eager para carregá-lo na hora.
• Ele também envia eventos de vídeo para o Google Analytics e o Tag Manager automaticamente.
• O evento progress é a posição do cursor de reprodução, não os segundos únicos assistidos.
• Use identify ou a opção email= para identificar os espectadores nas análises e pular os formulários de e-mail.
• Antes, confira se o vídeo pode ser reproduzido no seu domínio: veja Only play on my allowed domains.

Guias completos: Player API e Incorporação e opções do player.