---
title: Video
description: "Display videos on your website easily with the Video widget. Add YouTube, Vimeo, or self-hosted videos and customize the player to fit your design. [Embed & Style Videos in Elementor | Easy Elements Video WidgetVideo Widget Guide](https://www.youtube.com/embed/Qkb4PiC07MQ?feature=oembed&enablejsapi=1) ## How to…"
url: "https://wpeasyelements.com/docs/video/"
updated: "2026-01-19"
category: General Widgets
---

# Video

Display videos on your website easily with the Video widget. Add YouTube, Vimeo, or self-hosted videos and customize the player to fit your design.

[Embed & Style Videos in Elementor | Easy Elements Video WidgetVideo Widget Guide](https://www.youtube.com/embed/Qkb4PiC07MQ?feature=oembed&enablejsapi=1)

## How to Use Video Widget of Easy Elements

### Step 1:

#### Add Video Widget:[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)

Select the Video widget from the left panel, then drag and drop it into your desired area on the canvas.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-75.png)

#### Video Settings:

1. **Video Open Display Type**
   1. Normal Open
   2. Popup Open[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)
2. **Video Type**
   1. YouTube
   2. Vimeo
   3. Self Hosted[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)
3. **Video URL**[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)
4. **Video Height**[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-76.png)