Atomic Element · Free
Show a muted clip through a circle, blob, flower, sketch or triangle, and let visitors click to drop the mask and watch the whole video. Free, built as a native Elementor 4 Atomic Element.
The short answer
The Elementor video mask from Animation Addons is an Elementor 4 Atomic Element that plays an MP4 clipped to a shape and removes the mask when the visitor clicks its button. Five shapes are built in. The button is a real atomic container with its own icon and label, and the shape stays centred on it wherever you place it.
Elementor 4 has no shape-masked video element, and many "Elementor V4 compatible" addons ship classic v3 widgets. The Animation Addons for Elementor Video Mask is a native Atomic Element styled with Classes and Variables.
| Plan | Free |
|---|---|
| Element type | Native Elementor 4 Atomic Element (composite) |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on |
| Child elements | Video Mask Button (an SVG icon and a Paragraph label "Watch Video"; also accepts Heading or Image) |
| Mask shapes | Circle, Flower, Sketch, Triangle, Blob; no custom SVG upload |
| Mask size | 200px by default, set in the stylesheet; there is no size control in the panel |
| Video source | One direct MP4 link in Video Link (MP4); no YouTube or Vimeo |
| Playback | Autoplay and Mute on by default; Plays Inline and Loop off by default |
| Not included | Player controls, pause button, captions or poster image |
| Interaction | Click the button to open the full video; click again to restore the shape (the clip keeps playing) |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with the Video Mask and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.
A dark hero with the headline left and a large circle of looping showreel right, a pill button at its centre.
A three-column grid of product cards, each with a small circular clip above name and price; the play icon opens the clip to card width.
A large quote on the left, a soft blob of the client speaking on the right with a "Hear Maya's story" button.
A flower-shaped portrait clip beside a short bio, with the button low and left instead of centred.
A centred triangle of last year's highlights above the date and ticket button; when the clip ends, the triangle returns.
A sketch-shaped process clip set between two paragraphs of a long case study, at text-column width.
Features
Every option below is a real control in the Video Mask panel or part of how the element renders. Nothing here needs custom code.
Pick Circle, Flower, Sketch, Triangle or Blob from Mask Shape. The shapes are built into the element's stylesheet, so there is nothing to upload.
Clicking the button drops the mask and starts the video in its full rectangle. A second click restores the shape. With Loop off, the shape returns by itself when the clip ends.
The visible window is centred on the Video Mask Button. Move the button in its Style panel and the shape moves with it, in the editor and on the live page.
The button holds an SVG icon and a text label. Swap the icon, add a Heading or Image, and style it with Classes. Close Title sets the text shown while the video is open.
A new Video Mask starts with no video URL, so nothing loads from another server until you add your own MP4.
Built on the atomic base
Why it mattersThe button is a container you design like the rest of the page, and the mask follows wherever you put it.
Step by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Download freeInstall and activate Animation Addons for Elementor, then open a page in Elementor with the Atomic Editor on.
Find Video Mask in the Elements panel and drag it onto the canvas.
Upload a short, compressed MP4 to the Media Library, copy its URL and paste it into Video Link (MP4).
Choose a Mask Shape and set Autoplay, Mute, Plays Inline and Loop.
Select the Video Mask Button: edit the label, swap the icon, set Close Title and position it from its Style panel.
Set the Video Mask width, check desktop and mobile, and publish.
Honest comparison
What each option has, side by side. We list where the other choice is the better fit, too.
| Feature | Elementor atomic Video (self-hosted) | Animation Addons Video Mask |
|---|---|---|
| Requires Elementor Pro | No | No |
| Clip the video to a shape | No | Circle, Flower, Sketch, Triangle, Blob |
| Click to expand from the shape | No | Yes, with a custom close label |
| Player controls | Yes | No |
| Poster image | Yes | No |
| Autoplay, mute, loop | Yes | Yes, plus Plays Inline |
Compared with Elementor 4.3.3 (September 2026).
For a standard player with controls and a poster, Elementor's atomic Video is the better choice; for YouTube, use Elementor's YouTube element or the Animation Addons Video. Use the Video Mask when the clip is a visual teaser.
Who it's for
The people who get the most out of it, and what they use it for.
Adding a showreel to the home page.
Showing products being made.
Turning client stories into a visual.
Previewing last year's highlights.
FAQ
Install the free Animation Addons for Elementor plugin and add the Video Mask element. Paste an MP4 link into Video Link (MP4) and choose a Mask Shape: Circle, Flower, Sketch, Triangle or Blob. The Animation Addons Video Mask plays the clip inside that shape until a visitor clicks the button to see the full frame.
Not in the panel. The Animation Addons Video Mask offers five built-in shapes, Circle, Flower, Sketch, Triangle and Blob, with no custom SVG upload. The shape is 200px by default and has no size control. To clip a container to your own SVG instead, use the free Mask extension from Animation Addons on a Flexbox.
No. The Animation Addons Video Mask plays one direct MP4 file from a URL, such as a file in your Media Library. For YouTube, Vimeo or Dailymotion, use the Animation Addons Video element, which has a full player; Elementor's own YouTube element also handles YouTube.
Mobile browsers only autoplay muted video. In the Animation Addons Video Mask, keep Mute on with Autoplay, and turn on Plays Inline so iPhones play the clip inside the page instead of full screen. Plays Inline is off by default. Keep the MP4 short and compressed, because the whole file loads on phones too.
Partly. The Animation Addons Video Mask has no player controls, captions or pause button, and its button is opened with a mouse or tap, not the keyboard. Use it for short decorative teasers, not for content people must watch or hear. Keep Loop off or the clip short, and put any spoken message in text on the page too.
The Animation Addons Video Mask adds one small script and stylesheet only on pages that use it, but the MP4 is the real weight. With Autoplay on, the video starts downloading on page load. Use short, compressed clips, and turn Autoplay off when several masks share a page so only the clip a visitor opens plays.
If Loop is off, the Animation Addons Video Mask returns to its shape by itself when the clip finishes. If Loop is on, the video keeps playing. Clicking the button while the video is open restores the shape, and the clip carries on playing inside it.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Video Mask on the same page or template.
Free on Elementor Free, and it opens to the full frame with one click.
