booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Modern Video

Modern Video

Preview Widget
Preview Widget
Getting Started

More Widgets

• Modern Image
• Modal Video
• Light Box Gallery
• Layered Images

# Getting started

The modern video widget gives you quick and effective way to set up your videos on your websites while allowing you the freedom to style the video player with just a few clicks.

Lets go over the options provided by this widget.


The content section is where you will link the video that you want to use and change the layout and select a thumbnail image.

  • Video Link : Fill in the video link that you want to use.
  • Layout Type :  Choose a layout for the video player.The modern layout will allow you to upload a custom image for the thumbnail.
  • Video Thumbnail : Select the image that you want to use as a thumbnail.This image will appear prior to playing the video.


Under the styling tab, you will have the options to design of all the modern video elements.

  • Container Styling

Control everything about your icon, apply a custom icon & background sizes.

-Borders & Shadows : Customize borders for the container and shadows.

-Overlay Color: Change the color for the overlay.Both solid and gradient colors are available with the possibility to control the gradient behavior


  • Play Button Styling

Customize the play button and icon.Change sizes, colors, borders...

-Alignement : Control the alignement of the play button inside the video player.

-Sizes : Change the size for the button as well as the play icon.

-Distances : Use margins to control the position of the play icon inside the player.

-Normal & Hover : Select​ which button state you want to customize.Normal for the idle state and hover for when the button is being hovered.Note that all the remaining options of this section will only affect the selected state.

-Button Hover Effect : This option will only available when the hover state styling is selected.You can select one of the many hovering animations available in the list.

-Colors : Customize the button and icon color schemes using either a solid or gradient color with the possibility to control the direction of the gradient.

-Borders & Shadows : Control the border and border radius for your play button and also apply custom box shadows to create unique effects.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket


We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.




Email :

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020