Embed AtomicPlayer on pages

You can surface AtomicPlayer in two ways:

1. Native pages using AtomicPlayer — Use the Video block or paste the hosted embed (overview).
2. External HTML — Copy the hosted embed snippet and paste wherever custom HTML is allowed.

Copy the latest snippet

Inside Video settings, click Copy embed after every meaningful change (Magic Autoplay, Mini Hook, thumbnails, resume, etc.). The toast “Embed code copied to clipboard” confirms success.

The snippet typically includes a video element tag with data attributes describing player options plus a small script tag that loads the hosted player bootstrap from AtomicPlayer’s CDN.

Pages using AtomicPlayer workflow

1. Edit the page in the builder.
2. Select the Video element → AtomicPlayer.
3. Open Utilizar AtomicPlayer and pick the file.
4. Publish so visitors receive the updated markup.

You usually do not manually paste embed code on pages using AtomicPlayer unless you are using a raw HTML block intentionally.

External sites workflow

1. Save editions in AtomicPlayer settings.
2. Copy embed.
3. Paste into the HTML widget on your landing host (WordPress Custom HTML, Webflow embed, etc.).
4. Ensure the host’s origin is authorized.

After-change checklist

• Publish every page using AtomicPlayer that references the video.
• Replace pasted HTML on external properties.
• Clear CDN / browser cache if you still see stale thumbnails.

Related docs

• Authorize a domain
• Video settings
• Use the Video block when your page builder supports native video elements.

Frequently asked questions

Can I resize the embedded video?+

Prefer controlling width and height in Video settings so layouts stay consistent. For external embeds, wrap the snippet in a responsive container you control.

Why does autoplay fail on iOS?+

Mobile Safari requires muted autoplay and may still block aggressive patterns—test Magic Autoplay on real devices.