---
title: "How to Add an Image Mask to an Elementor Video?"
url: https://theplusaddons.com/docs/add-an-image-mask-to-an-elementor-video/
date: 2025-01-10
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "Do you want to add an image mask over a video in Elementor? Image masks allow you to overlay a shape or pattern on top of a video, creating a..."
image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-an-Image-Mask-to-an-Elementor-Video_-1024x536.jpg
word_count: 308
---

# How to Add an Image Mask to an Elementor Video?

## 

- The Plus Addons for Elementor Video widget adds an image mask over a video in Elementor, and the post says The Plus Addons for Elementor must be installed and activated.
- Mask Image Shape uses a PNG with a transparent background or an SVG image, and the post says only mp4 videos can be added.
- Video Options includes AutoPlay, Mute, Loop, Controls, and Video Touch Disable, and the post recommends autoplay for a better effect.

Do you want to add an image mask over a video in Elementor? Image masks allow you to overlay a shape or pattern on top of a video, creating a unique and eye-catching effect.

With the Video widget from The Plus Addons for Elementor, you can easily add an image mask over a video in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Video widget*, [click here](https://theplusaddons.com/docs//add-video-player-in-elementor/).

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/)

To do this, you need to have a PNG (with a transparent background) or SVG image in your desired mask shape.

Then add the Video widget from The Plus Addons for Elementor to the page and follow the steps. 

1. Select the appropriate source from the **Source** dropdown under the **Video** tab.

2. After that, add the video as per the selected source.

> *Note: For a better effect, you should make the video autoplay.*

3. Then go to the **Style** > **Mask Image** tab and enable the **Mask Image Shape** toggle.

4. Finally add the mask image in the **Mask Image** section.

![](https://theplusaddons.com/wp-content/uploads/2026/09/video-player-mask-image.webp)

> *Note: You can only add mp4 videos.*

You can adjust some video options from the **Video Options** tab. You’ll find the following options - 

- **AutoPlay** - By enabling this toggle, you can autoplay the video.

- **Mute** - By enabling this toggle, you can mute the video.

- **Loop** - By enabling this toggle, you can play the video in a loop.

- **Controls** - From this toggle, you can show or hide the video controls from the video.

- **Video Touch Disable** - From this toggle, you can enable or disable the video touch feature.

This is how easily you can add a self-hosted video on your Elementor website.

## Frequently Asked Questions

**Q: What file type do I need for an image mask on an Elementor video?**
A: A transparent PNG or an SVG works for the mask shape. That matters because the mask is what creates the visible cutout effect over the video, so the shape needs transparency or vector edges to read cleanly. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses the Video widget to place that mask on top of the video inside Elementor.

**Q: Why is my image mask not showing on the video?**
A: The most common issue is using the wrong setup for the mask asset or video type. The page says the mask image must be a PNG with a transparent background or an SVG, and it also notes that you can only add mp4 videos. If either of those inputs is off, the effect will not behave as expected in the Video widget from The Plus Addons for Elementor.

**Q: Can I use an image mask with any video format in Elementor?**
A: The tutorial only supports mp4 videos for this effect. That limitation matters because the Video widget’s Mask Image Shape option is built around a self-hosted mp4 workflow, not every possible media format. If you are planning the design first, pick an mp4 source before you build the mask shape so the final result matches what the widget expects.

**Q: Should I autoplay a masked video in Elementor?**
A: Autoplay is recommended here because it improves how the masked effect feels visually. The page specifically notes that for a better effect, you should make the video autoplay, and the Video Options tab includes an AutoPlay toggle. In practice, autoplay helps the mask feel like part of a motion design instead of a static frame.

**Q: What settings can I control on an Elementor video after adding a mask?**
A: The Video Options tab gives you control over AutoPlay, Mute, Loop, Controls, and Video Touch Disable. That is useful because masked videos often work best when they stay visually clean, so hiding controls or muting playback can keep attention on the shape effect instead of player chrome. The Plus Addons for Elementor provides these options inside Elementor.

**Q: How do I add an image mask over a self-hosted video in Elementor?**
A: The workflow is built around the Video widget from The Plus Addons for Elementor: choose a source from the Source dropdown under the Video tab, add your video, then open Style > Mask Image and enable Mask Image Shape before inserting the mask image. This setup is meant for self-hosted mp4 videos and lets POSIMYTH’s addon create a shaped overlay directly inside Elementor.