Pular para o conteúdo principal

Usando o AtomicPlayer com o Webflow

Fluxo compatível atual​

O Webflow pode hospedar o AtomicPlayer em um Embed element que aceite HTML e scripts externos. O AtomicPlayer não gera atualmente iframe ou snippet específico de plataforma.

Configure e copie o player​

  1. Abra Videos → vídeo → Customize.
  2. Altere o comportamento e a aparência disponíveis e publique a configuração.
  3. Abra Embed & Share (ou Get embed) e selecione Copy code.
<div class="atomic-player" data-player-id="PLAYER_ID"></div>
<script async src="https://embed.atomicplayer.ai/player/v1.js"></script>

Incorpore no Webflow​

  1. Adicione um Embed element onde o player deve aparecer.
  2. Cole o snippet completo de duas linhas sem alterar o ID ou a URL do runtime.
  3. Salve e publique. Se o editor remover <script>, use a área documentada de código global para o runtime e mantenha o contêiner data-player-id no corpo.

Publique e verifique​

  1. Em Videos → vídeo → Settings → Domain access, adicione cada hostname e selecione Save & publish.
  2. Abra a página publicada, confirme a reprodução e verifique o evento esperado em Analytics.

Documentos relacionados​

Perguntas frequentes​

Qual elemento do Webflow devo usar?

Use um Embed element que aceite HTML e scripts externos e cole o snippet gerado completo.

O AtomicPlayer oferece iframe ou plugin para Webflow?

O painel atual não oferece iframe, plugin, app, widget, shortcode ou conector específico verificado. Use o snippet do runtime JavaScript.

Por que o player fica em branco após publicar?

Confirme as duas linhas, adicione o hostname exato em Settings → Domain access e selecione Save & publish.