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.
.png?alt=media&token=3ee4af4f-f219-4ab2-8f1c-ff694cacba4a)
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.
.png?alt=media&token=155b426a-5f25-4a8f-bccd-db52cfdd1217)
Container
Width – Set the width of the video container.
Height – Set the height of the video container.
.png?alt=media&token=a390f33b-c93b-4cec-b8a5-17cfd996395a)
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.
.png?alt=media&token=c84230ae-87b6-437d-9ff2-a7867a83acf3)
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.
.png?alt=media&token=79ab4d2a-7f8d-4967-8eb3-bd26e809763a)
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.
.png?alt=media&token=b15c2517-97ce-46f1-8336-e110b598de7c)
Box Shadow – Adjust different parameters like Color, Horizontal, Vertical, Blur, Spread, Position for the box shadow of the video container.
