Skip to main content

Embed AtomicPlayer on pages

You can surface AtomicPlayer in two ways:

  1. Native Atomicat pages — Use the Video block + AtomicPlayer picker (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 Atomicat’s CDN.

Atomicat pages 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 Atomicat pages 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​

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

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.