---
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-04-09
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?

## Key Takeaways

- The Plus Addons for Elementor Video widget allows users to overlay an image mask on videos.
- Users need a PNG or SVG image with a transparent background to create a mask shape.
- The video must be in mp4 format and can be set to autoplay, mute, loop, or have controls hidden.

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 its 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/2025/01/video-player-mask-image.gif)

> *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 do I need before starting to add an image mask to a video in Elementor?**
A: Before starting, ensure you have The Plus Addons for Elementor installed and activated. This plugin provides the Video widget necessary for adding an image mask over a video. You will also need a PNG or SVG image with a transparent background to use as your mask shape.

**Q: What happens if my video doesn't autoplay after enabling the AutoPlay toggle?**
A: If your video doesn't autoplay, check the browser settings as many modern browsers restrict autoplay functionality for videos with sound. For the best effect, ensure the video is muted, as this often allows autoplay to function correctly.

**Q: Can I use any video format with The Plus Addons for Elementor Video widget?**
A: You can only add mp4 videos using The Plus Addons for Elementor Video widget. This limitation means you need to ensure your video is in the correct format before attempting to add it to your Elementor page.

**Q: What settings work best for achieving a good effect with an image mask over a video?**
A: For a better effect when using an image mask, enable the AutoPlay toggle and ensure the video is muted. This combination enhances the visual impact of the mask overlay on your video, making it more engaging.

**Q: Is there an alternative way to add an image mask to a video in Elementor?**
A: The page does not mention any alternative methods to add an image mask to a video in Elementor. The recommended approach is to use the Video widget from The Plus Addons for Elementor, following the provided steps.

**Q: What should I do if I encounter issues adding the mask image?**
A: If you encounter issues adding the mask image, ensure that you have enabled the Mask Image Shape toggle in the Style > Mask Image tab. Verify that the image you are using is in PNG or SVG format with a transparent background, as this is required for the mask to display correctly.