Skip to main content

Using AtomicPlayer with Atomicat

Current supported workflow​

The current AtomicPlayer implementation verifies only the generated JavaScript runtime embed. A native Utilizar AtomicPlayer picker, automatic page-builder synchronization, and implicit domain trust are not implemented in the audited dashboard.

  1. Open Videos → video → Customize.
  2. Change the available player behavior and appearance, then publish the player configuration.
  3. Open Embed & Share (or select Get embed) and choose Copy code.
<div class="atomic-player" data-player-id="PLAYER_ID"></div>
<script async src="https://embed.atomicplayer.ai/player/v1.js"></script>

  1. Add a raw HTML / code block where the player should appear.

  2. Paste the complete two-line snippet without changing the player ID or runtime URL.

  3. Save and publish the page. If the editor removes <script>, use its documented site-wide custom-code area for the runtime and keep the data-player-id container in the page body.

  4. Under Videos → video → Settings → Domain access, add every hostname that will serve the page and select Save & publish.

  5. Open the published page, confirm that the player loads, and verify the expected playback event in Analytics.

Frequently asked questions​

Which Atomicat element should I use?

Use a raw HTML / code block that accepts HTML and external scripts, then paste the complete generated snippet.

Does AtomicPlayer provide an iframe or Atomicat plugin?

No verified iframe, plugin, app, widget, shortcode, or platform-specific connector is provided by the current dashboard. Use the JavaScript runtime snippet.

Why is the player blank after publishing?

Check that the page kept both snippet lines and add the exact published hostname under Settings → Domain access, then select Save & publish.