How to Insert a Video in the UAEL Modal Popup?

The Ultimate Addons for Elementor allows you to add trendy Modal Popups on your website. You can add photos, content, saved sections, pages, images etc. within a Modal Popup.

In this article we’ll see how you can add a video within a modal popup.

1. Drag and drop the Modal Popup widget on your desired page.

2. You then have 4 different ways in which you can add a video on your popup.

We’ll take a look at each of them and see how simple it is to add a video on a popup.

Add a Video using Video Embed Code

Do you wish to embed a video by simply adding the embed code? You can do that in just a couple of steps.

Select Content Type as Video Embed Code and enter the code in the field given below. You can add the embed code that you get for a particular video or even the URL will work.

YouTube Video

Do you wish to embed a YouTube video within a popup? You can do that by simply adding the video link in the given space.

Select the Content Type as YouTube and enter the Video URL in the field given below.

Note: Make sure you add the actual URL of the video and not the share URL.

https://www.youtube.com/watch?v=wImwSa6n8Bc   
https://youtu.be/wImwSa6n8Bc  

Let us take a look at some settings that you can control here:

Aspect Ratio: You can select your desired aspect ratio for the video.

Auto-play: You can enable this option if you want the video to start playing automatically.

Related Videos From: This option will display related videos that can be seen after a video finishes playing. It has two options – Current Video Channel and Any Random Video. Current Video Channel will display related videos from the same YouTube channel. Any Random Video will display random videos on the basis of public favorite videos. Note that suggested videos cannot be turned off completely.

Disable Video Title: You can enable this option if you don’t want the video title to be displayed.

Disable Player Controls: Player controls like Play, Pause, Volume, etc. will be seen by default. You can hide them by enabling this option.

Vimeo Video

You might have a video on Vimeo too! Need to embed this on a modal popup? You can do that by entering the video URL.

Select the Content Type as Vimeo and paste the Video URL in the field given below. Vimeo does not have restrictions as to what kind of a URL you need to paste. Just make sure you copy and paste the URL of the right video! 😉

Let us take a look at some settings that you can control here:

Aspect Ratio: You can select your desired aspect ratio for the video.

Auto-play: You can enable this option if you want the video to start playing automatically.

iFrame Video

Do you wish to embed a video within an iFrame in the popup? You can do that too!

Select the Content Type as iFrame and enter the URL in the field given below.

Please note: If you are using a YouTube URL, you will have to replace watch?v= by embed/

For eg:

Actual video URL: https://www.youtube.com/watch?v=8WkuChVeL0s

URL to be added in an iFrame: https://www.youtube.com/embed/8WkuChVeL0s

You can then set the height of the iFrame with the setting given below.


And, if you wish to use a Vimeo video within an iFrame, you need to use the URL that you see in the embed code.

For eg:

Actual video URL: https://vimeo.com/channels/staffpicks/257776764

URL to be added in an iFrame: https://player.vimeo.com/video/257776764

Not the solution you are looking for? Check other articles, or open a support ticket.