Video Popup

Embed a YouTube, Vimeo or a self-hosted video and display a thumbnail which will give your users the ability to view the video in a pop-up window.

How To Add The Video Popup Block

1. Open a page or a post and click on the plus icon to add a new block and look for the Video Popup or you can search for it if it doesn’t pop up quickly for you.

How To Configure The Video Popup Block

To configure the Video Popup block, switch to the ‘Content’ tab.

Popup Options

Video URL - Set the URL for the video with this setting. You can also select the video uploaded to WordPress media by clicking the placeholder image.

Container

Width - Set the width of the video container.

Height - Set the height of the video container.

Background Options

Select Image - Set the custom background image for the video container.

Overlay Color - Select custom background color for video container.

Opacity - Adjust the opacity of the custom background color.

How To Style The Video Popup Block

Switch to the ‘Style’ tab to customize every element of the Video Popup block.

Play Button

Style - Select the style of the play button as Normal Play Button, Play Button With Circle, Outline Play Button, Video Play Button.

Size - Adjust the size of the play button.

Color - Select the color of the play button.

Opacity - Adjust the opacity of the play button.

Border

Border Style - Select the border style of the video container as Solid, Dotted, Dashed, Double, Groove, Inset, Outset, Ridge.

Border Width - Adjust the border width of the video container.

Border Radius - Adjust the border radius of the video container.

Border Color - Select the color of the video container’s border.

Box Shadow - Adjust different parameters like Color, Horizontal, Vertical, Blur, Spread, Position for the box shadow of the video container.