The Post Video Block is suitable for displaying the videos uploaded on your posts. The blocks display a thumbnail of the video, which helps to play a full-screen video.
Once you have selected the Block, you will get two options: Settings and Advanced. These tabs are to make changes to your block design. Let’s explore one by one below:
Block Settings #
The settings section mainly consists of three options as listed below:
General #
It consists of the settings related to the column gap of the video thumbnail added. According to the site requirement, you can set the column gap site length along with the units like px, em, %, or rem.
Moreover, you can set the value of the different column gap lengths for various devices (Desktop, Mobile, and Tablet).
Query #
It consists of the settings related to the Category and Post Count. It allows you to choose and assign a specific category so that the video gets displayed from the selected category.
Likewise, you can choose the number of videos to be displayed on the Block according to the site requirement.
Image #
It allows you can change the border-radius value of the video thumbnail. It lets you add round corners to the video thumbnail. According to the site requirement, you can set the border-radius value. Also, you can choose any units like px, em, %, or rem.
Moreover, you can set the border radius values for various devices (Desktop, Mobile, and Tablet).
Advanced Settings #
The Advanced section consists of three customization options for the Block.
Advanced #
Inside the Advanced > Block Padding section, you will have the option to add the Block Padding values to all four sides of the block.
According to the site requirement, you can assign a specific margin value to the block along with units like px, em, %, and rem. Moreover, you can set the different padding values for various devices (Desktop, Tablet, and Mobile).
Z-Index #
It allows you to set the priority of the post video block according to the site requirement.
CSS ID #
You can also add the specific CSS ID to make changes in the specific section of the block.
Responsive #
It allows setting up the videos to be responsive on various devices and comes with the following options:
Hide on Desktop
Hide on Tablet
Hide on Mobile
You can make the changes upon your site requirements.
CSS #
It allows you to add a CSS class to your block, letting you write custom CSS to style this particular block.
For example, if you want to change the width of the post-video block, you can add a class such as post-video-width to the Additional CSS Class field. After that, visit your CSS editor and write a style for the class as below:
Upon adding the code, it will make the changes only to this particular block and not others.
