--- title: "How to add Video Player in Elementor?" url: https://theplusaddons.com/docs/add-video-player-in-elementor/ date: 2025-01-10 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "Video is an excellent medium to convey a message effectively. Using videos can be an effective tool to increase engagement on your website.  With the Video Player widget from The..." image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-add-Video-Player-in-Elementor_-1024x536.jpg word_count: 723 --- # How to add Video Player in Elementor? ## - The Plus Addons for Elementor Video Player widget adds YouTube, Vimeo, or self-hosted videos in Elementor. - The Plus Addons for Elementor requires the plugin to be installed and activated, and the Video Player widget to be turned on under The Plus Addons → Widgets. - Sticky Video offers four positions: Bottom Left, Bottom Right, Top Right, and Top Left when the video leaves the widget screen. - Style tab options include border, box shadow, custom CSS transform, CSS filters for normal and hover states, plus pop-up video when Banner Image is selected. Video is an excellent medium to convey a message effectively. Using videos can be an effective tool to increase engagement on your website.  With the Video Player widget from The Plus Addons for Elementor, you can easily add videos from YouTube, Vimeo, or self-hosted videos 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/) ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - Make sure the Video Player widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Video Player and activate. ## Learn via Video Tutorial https://www.youtube.com/watch?v=i3IeWaz0N-k ## How to Activate the Video Player Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2025/01/tp-video-activation-1-1024x491.png) ## Key Features - **Multiple Video Sources** - You can add YouTube, Vimeo, or self-hosted videos. - **Mask Video** - You can easily [add a mask to a video.](https://theplusaddons.com/docs//add-an-image-mask-to-an-elementor-video/) - **CSS Filter** - You can [add different CSS filters to a video.](https://theplusaddons.com/docs//add-a-css-filter-to-a-video-in-elementor/) - **Video Popup** - You can easily [create a video popup.](https://theplusaddons.com/docs//create-a-video-popup-in-elementor/) - **Sticky Video** - You can easily make the video stick to a specific area on the screen. ## How to Use the Video Player Widget in Elementor? Add the Video widget from The Plus Addons for Elementor to the page.  ### Video From the **Source** dropdown, you have to select the video source. Here you’ll find three options -  - **YouTube** - To [embed a YouTube video.](https://theplusaddons.com/docs//embed-a-youtube-video-in-elementor/) - **Vimeo** - To [embed a Vimeo video.](https://theplusaddons.com/docs//embed-a-vimeo-video-in-elementor/) - **Self Hosted** - To [add a self-hosted video from the media library.](https://theplusaddons.com/docs//add-a-self-hosted-video-in-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2026/09/tp-video-video-source.webp) Select the option as per your requirements. Based on the selection, you’ll find different options to add the video. By enabling the **Sticky Video** toggle, you'll see different positions of the sticky video. From the **Position **dropdown, you have to select the video position. By selecting it, you can make the video stick to that specific area. Here you’ll find four options -  - **Bottom Left** – Shows the video in the bottom left corner when it's out of the widget screen - **Bottom Right** – Shows the video in the bottom right corner when it's out of the widget screen - **Top Right** – Shows the video in the top right corner when it's out of the widget screen - **Top Left** – Shows the video in the top left corner when it's out of the widget screen ### Video Options In this tab, you’ll find different video options. The opinions will vary based on the selected video source. ![](https://theplusaddons.com/wp-content/uploads/2026/09/tp-video-video-options.webp) ### Image/Icon From the Only Icon / Full Banner dropdown, you can select an overlay for the video. Here you’ll find two options -  - **Only Icon Image** - With this option, you can use an icon as a video overlay. - **Banner Image** - With this option, you can use an icon and an image as a video overlay. ![](https://theplusaddons.com/wp-content/uploads/2026/09/video-player-image-icon.webp) Select the option as per your needs. Let’s select Only Icon Image here. From the **Choose Image** section, you can add an image as an icon. ### How to Style the Video Player Widget? You’ll find all the styling options under the Style tab to style the Video Player widget. **Video Title** - You’ll see this option only when the Banner Image toggle is enabled under the Image/Icon tab. From here, you can manage video title typography, color, and background. ![](https://theplusaddons.com/wp-content/uploads/2026/09/video-player-style.webp) **Video Description** - You’ll see this option only when the Banner Image toggle is enabled under the Image/Icon tab. From here, you can manage video description typography and color. **Video Styling** - From here, you can add a border, box shadow, custom [CSS transform](https://www.w3schools.com/cssref/css3_pr_transform.php), and different CSS filters for normal and hover states to the video. When the Banner Image is selected under the Image/Icon tab, you can also open the video in a pop-up. **Icon Setting** - From here, you can style the icon on the video. **Mask Image** - You can add a mask to your video from here. **On Scroll View Animation** –  This is our global extension available for all our widgets, which adds scrolling animation as the widget comes into the viewport. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widgets, you can explore all their options from here. [View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/) ## Frequently Asked Questions **Q: What do I need installed before adding a Video Player in Elementor?** A: Elementor FREE and The Plus Addons for Elementor both need to be installed and activated first. The Video Player widget is part of The Plus Addons for Elementor, so it will not be available until the addon is active. A practical check is to open The Plus Addons → Widgets and search for Video Player, then turn it on if it is disabled. **Q: Why is the Video Player widget not showing in Elementor?** A: The usual blocker is that the widget has not been activated inside The Plus Addons for Elementor. The page says to go to The Plus Addons → Widgets, search for Video Player, and activate it. If the plugin itself is not installed and activated, the widget will also stay unavailable because the feature lives inside The Plus Addons for Elementor. **Q: Can I embed YouTube, Vimeo, and self-hosted videos with this widget?** A: The Video Player widget supports all three sources: YouTube, Vimeo, and self-hosted videos from the media library. That matters because the source dropdown changes the available options later in the setup, so picking the right source up front avoids confusion. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this flexibility inside Elementor. **Q: What is the best way to make a video stick on screen while scrolling?** A: Sticky Video is the feature to use when you want the player to stay visible as people move through the page. The widget offers four sticky positions: Bottom Left, Bottom Right, Top Right, and Top Left. That choice matters because it controls where the video appears once it leaves the widget area, so pick a corner that will not cover important content. **Q: How do I add an icon or banner overlay to a video player?** A: The Image/Icon tab controls the overlay style with two choices: Only Icon Image and Banner Image. Only Icon Image uses an icon as the overlay, while Banner Image uses both an icon and an image. That distinction matters because Banner Image also unlocks video title and video description styling later in the Style tab. **Q: How can I style the Video Player widget beyond basic settings?** A: The Style tab gives you most of the visual control. It includes video title typography, color, and background when Banner Image is enabled, plus video description typography and color. It also lets you add border, box shadow, custom CSS transform, CSS filters for normal and hover states, icon styling, mask image support, and even a pop-up option when Banner Image is selected. For related effects, see [add a mask to a video](https://theplusaddons.com/docs//add-an-image-mask-to-an-elementor-video/) and [add different CSS filters to a video](https://theplusaddons.com/docs//add-a-css-filter-to-a-video-in-elementor/).