Pular para o conteúdo principal

Usar AtomicPlayer com React

Abordagem compatível atual​

O painel não gera nem verifica atualmente pacote wrapper. Copie o ID em Videos → vídeo → Embed & Share ou no catálogo. Carregue o runtime uma vez no documento e renderize o contêiner onde o player deve aparecer.

<div class="atomic-player" data-player-id="PLAYER_ID"></div>
<script async src="https://embed.atomicplayer.ai/player/v1.js"></script>

Em mudanças de rota no cliente, evite inserir o script repetidamente. Se o runtime não inicializar um contêiner montado depois, siga o comportamento do deploy em vez de inventar API de SDK. Configure em Customize e hosts em Settings → Domain access.

Documentos relacionados​

Perguntas frequentes​

O painel fornece pacote para frameworks?

Não. Produção gera apenas o snippet; pacotes e componentes de rascunhos antigos não são verificados.

Onde obtenho o ID?

Copie o snippet completo em Embed & Share ou no catálogo.