Using AtomicPlayer with React

Current supported approach

The dashboard does not currently generate or verify a framework wrapper package. Copy the player ID from Videos → video → Embed & Share or the workspace catalog. Load the runtime once in the application document and render the container where the player belongs.

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

For client-side route changes, ensure the script is not inserted repeatedly. If the runtime does not initialize a container mounted after navigation, follow the runtime behavior available in your production deployment rather than inventing an SDK API. Configure the player under Customize and hosts under Settings → Domain access.

Related docs

• Workspace embed catalog
• Embed methods
• Domain access

Frequently asked questions

Does the dashboard provide a framework package?+

No. Current production generates the script snippet only; package names and component APIs from older drafts are not verified.

Where do I get the player ID?+

Copy the complete snippet from Embed & Share or the workspace embed catalog.