Video
Use Video to add hosted or external video playback to a page.
Content settings
| Setting | What it controls |
|---|---|
| Video player | Player or provider used for playback. |
| Video source | Selected AtomicPlayer video or external provider source. |
| Use AtomicPlayer | Enables Atomicat-hosted playback when available. |
| Image Overlay | Cover image shown before playback. |
| Overlay image alt | Alt text for the overlay image. |
Playback settings
| Setting | What it controls |
|---|---|
| Repeat | Loops the video. |
| Autoplay | Attempts to start playback automatically. |
| Mute | Starts playback without sound. |
| Controls | Shows or hides player controls. |
| Lazy Load | Delays video loading until needed. |
Trigger settings
| Setting | What it controls |
|---|---|
| Trigger type | When a trigger should run. |
| Time | Playback time used by time-based triggers. |
| Events | Actions attached to the trigger. |
| Execute type | How an event should execute. |
| Script | Script run by the event when configured. |
Style settings
| Style area | What you can adjust |
|---|---|
| Alignment | Placement in the container. |
| Width | Video width and custom width. |
| Height | Video height and responsive height. |
| Spacing | Margin, padding, and responsive spacing. |
Best practices
- Muted autoplay is more reliable than autoplay with sound.
- Use lazy load for videos below the fold.
- Test triggers on the published URL.
- Configure advanced AtomicPlayer features in AtomicPlayer.
Testing notes
- Preview desktop and mobile sizes after changing width or height.
- Confirm the overlay image appears before playback and includes useful alt text when it is not decorative.
- If you use time-based triggers, watch the full video once and confirm each event runs at the expected timestamp.
- Recheck autoplay behavior in a fresh browser session because browser policies can block autoplay with sound.
FAQ
When should I use the Video element?
Use it when the page needs a hosted AtomicPlayer video, an external video embed, or a sales video with overlays, lazy loading, controls, and playback triggers.
Which video settings should I confirm before publishing?
Confirm the player type, video source, overlay image and alt text, autoplay, mute, controls, repeat, lazy load, size, alignment, and any trigger events or scripts.
Why is my autoplay video not starting with sound?
Most browsers block autoplay with sound. Enable Mute when using Autoplay, or let visitors start playback manually with visible controls.
What should I check if a video trigger does not run?
Confirm the trigger type, timestamp, execute type, and script, then test on the published URL. Also make sure the visitor can actually reach the trigger point during playback.