1. How to add Advanced Video Block? #
To add the Advanced Video Block Block in your Gutenberg editor first click on the (+) icon then in the search box type “Advanced Video Block” and you will see the “Advanced Video Block” block.
After inserting the “Advanced Video Block” block you will get the default look like below. Now you need to change the preset and other settings.
2. General Settings #
The General settings tab has the Preset option and counter settings number settings option. The General settings panel properties are as follows.
Video: Select video source, enable/ disable autoplay, enable/ disable Mute, enable/ disable Loop, enable/ disable show controls, enable/ disable image overlay, overlay color, play icon or image.
3. Style Settings #
From the Styles settings tab, you can set all possible styles typography, color, padding, background, and other style settings.
- Video Style: Set video height, normal and hover border style and border-radius.
- Shadow: set show of the video
- Play Button: Set the play button background color, color and size.
4. Advanced Settings #
From the advanced settings tab, you can control the wrapper style.
- Wrapper Margin & Padding: You can set the wrapper margin and padding in px, em or %
- Background: You can set your desired background in the wrapper like flat color, gradient color, or an image with image overlay color with opacity.
- Border: You can set the default border or hover border with different border styles and also can set border-radius.
- Shadow: You can set box shadow for normal and hover style.
