Como fazer incorporação da live e utilizar o recurso de picture in picture?

1. PIP (Picture-in-Picture)

Este modelo permite exibir a live em modo flutuante (Picture-in-Picture).
Basta inserir o seguinte código antes do fechamento da tag <body> da sua página:

<script>
  window.embeddedLiveConfig = {
    liveId: "XXX", // ID da sua live
    domain: "https://dash.live-co.app/go/" // domínio base
  };
</script>

<script defer src="https://dash.live-co.app/live-co-embed.js"
        liveId="9152511124484"
        domain="https://dash.live-co.app/go/">
</script>

Observações

liveId: corresponde ao identificador único da sua live.
Este script deve ser colocado no final do código HTML para evitar atrasos no carregamento da página.

2. Embed (Iframe Responsivo)

Para incorporar a live diretamente em uma página (como um player fixo), utilize o seguinte código:

<div class="container" style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;">
  <iframe src="https://dash.live-co.app/go/xxxxx?embed=true"
          style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
          frameborder="0"
          allowfullscreen>
  </iframe>
</div>

Observações

O container com padding-bottom: 56.25% garante proporção responsiva (16:9).
O iframe será ajustado automaticamente à largura da tela.
Pode ser utilizado dentro de qualquer CMS, página HTML ou construtor de sites que permita inserir código.

Boas Práticas

Teste em um ambiente de homologação antes de colocar em produção.
Sempre use HTTPS para evitar bloqueio de conteúdo misto.
Caso precise inserir em WordPress, utilize o bloco de “HTML personalizado”.
Para Landing Pages externas (RD Station, Unbounce, etc.), use sempre o código Embed.