--- title: "How to Create a Video Popup in Elementor?" url: https://theplusaddons.com/docs/create-a-video-popup-in-elementor/ date: 2025-01-10 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "Do you want to create a video popup in Elementor? A video popup lets you display a video in an overlay when a visitor clicks a thumbnail, keeping your page..." image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Create-a-Video-Popup-in-Elementor_-1024x536.jpg word_count: 500 --- # How to Create a Video Popup in Elementor? ## - The Plus Addons for Elementor Video widget includes a built-in Video On Popup option that opens a video in an overlay when a visitor clicks a banner image thumbnail. - The Plus Addons for Elementor supports YouTube, Vimeo, and Self-Hosted video sources, with the video added by pasting a URL or uploading a file. - Video On Popup fits landing pages, course or membership sites, and agency or portfolio sites where product demos, lesson previews, showreels, or case study videos open without leaving the page. Do you want to create a video popup in Elementor? A video popup lets you display a video in an overlay when a visitor clicks a thumbnail, keeping your page layout clean while still delivering video content at the right moment. The Video widget in The Plus Addons for Elementor has a built-in Video On Popup option that lets you set a banner image as the thumbnail and open the video in an overlay when clicked. **Best Used For:** - Landing pages where a product demo video should open in an overlay without navigating away from the page- Course or membership sites where lesson preview videos play in a popup before visitors commit to enrolling- Agency or portfolio sites where showreel or case study videos load in a fullscreen overlay *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, add the Video widget from The Plus Addons for Elementor to the page and follow the steps. 1. From the **Source** dropdown under the **Video** tab, select the appropriate video source. Use YouTube or Vimeo for hosted videos, or select Self-Hosted if you are uploading the video directly to WordPress. 2. Add the video according to the selected source (paste the video URL or upload the file). 3. From the **Only Icon / Full Banner** dropdown under the **Image/Icon** tab, select **Banner Image**. This is the option that lets you use a full thumbnail image as the video trigger. > *Note: ****Only Icon Image**** option will open the video in a popup by default.* 4. Enable the **Banner Image** toggle to activate the banner image as the clickable thumbnail. 5. In the **Image Upload** section, add the thumbnail image visitors will click to open the video popup. This is typically a frame from the video or a branded cover image. From the **Image Resolution** dropdown, set the display size of the thumbnail image. To add a play button icon over the banner image, go to the **Icon Upload** section and upload your icon. This helps visitors recognize the image as a clickable video. From the **Image Resolution** dropdown, set the display size of the icon. In the **Title of Video** field, add a title for the video. This appears alongside the thumbnail and helps visitors understand what the video covers before clicking. In the **Video Description** field, add a short description of the video. 6. Go to **Style** > **Video Styling** and enable the **Video On Popup** toggle. This tells the widget to open the video in a popup overlay instead of playing it inline on the page. ![](https://theplusaddons.com/wp-content/uploads/2026/09/video-player-video-on-popup.webp) When a visitor clicks the thumbnail image, the video will open in a popup. To trigger this same video popup by clicking any custom element on the page, see how to [show an Elementor popup on other element click](https://theplusaddons.com/docs/elementor-popup-on-other-element-click/). ![](https://theplusaddons.com/wp-content/uploads/2026/09/video-player-video-on-popup-demo.webp) ## Frequently Asked Questions **Q: Why is my video opening inline instead of in a popup in Elementor?** A: The popup behavior comes from the Video On Popup toggle in Style > Video Styling. If that toggle is off, the video stays inline instead of opening as an overlay. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this popup behavior inside the Video widget, so the key gotcha is that the thumbnail alone is not enough. The widget has to be set to open in a popup overlay. **Q: What do I need before I can create a video popup in Elementor?** A: The main requirement is that The Plus Addons for Elementor is installed and activated, because the Video widget belongs to that plugin. You also need a video source ready, such as YouTube, Vimeo, or Self-Hosted, plus a thumbnail image if you want the banner-style trigger. That matters because the popup is built from the widget settings, not from a separate popup builder. **Q: Can I use YouTube or Vimeo for a video popup in Elementor?** A: The Video widget supports hosted videos from YouTube or Vimeo, and it also supports Self-Hosted videos uploaded directly to WordPress. That gives you three source paths depending on where your video lives. The practical difference is simple: hosted videos use a URL, while Self-Hosted means uploading the file directly. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH includes all three inside the same widget. **Q: What is the best way to make a video thumbnail clickable in Elementor?** A: Banner Image is the cleanest choice when you want a full thumbnail to act as the trigger. In the Image/Icon tab, selecting Banner Image lets you use a full image instead of just an icon, and enabling the Banner Image toggle makes it clickable. A branded cover image or a frame from the video works well here because visitors immediately understand what opens when they click. **Q: How do I add a play button over a video thumbnail in Elementor?** A: The Icon Upload section lets you place an icon over the banner image so visitors recognize it as a video trigger. That small visual cue matters because it reduces confusion when the thumbnail looks like normal content. The page also notes that Only Icon Image opens the video in a popup by default, so if you want more visual context, Banner Image plus an uploaded icon is usually clearer. **Q: Can I open one video popup from another element on the page?** A: A custom element can trigger the same kind of popup behavior, but that uses a different setup than the Video widget’s built-in thumbnail trigger. The page points to [show an Elementor popup on other element click](https://theplusaddons.com/docs/elementor-popup-on-other-element-click/) for that workflow. That distinction matters because the tutorial’s built-in method opens on thumbnail click, while custom triggers need their own click setup.