The "Video" block is a block for adding video content, such as commercials, educational videos, or webinars. It allows the user to visually perceive information, which can improve understanding of the topic. The block can be used on course pages, in program description sections, or as part of promotional materials.

To add a block to a website page, go to the page editor. Click the "Create a new block" button and select the "Video" block. You are offered several block options, made in different styles. Click on the appropriate block option.

Select the entire block to open the settings for this item. A toolbar opens on the right.

General settings

Block size. You can change the "height mode" of the block: automatic, full height, manual. If you choose automatic, the height of the block corresponds to the size of the elements inside the block. Full height corresponds to the size of the laptop screen. By choosing the manual option, you can determine the height of the block yourself. In the additional "height" section, set the value in pixels. Click on the cross to reset the settings and return to the auto - automatic height parameter.
In the "vertical alignment" section, select a value from the list that determines the position of the elements inside the block: top, center, bottom, space between, space around.

Internal padding. You can change the padding of the elements inside the block. This function is used if any element is close to the borders of the block and needs to be moved away from the borders.

Background. In this section, you can change the background color of the block, as well as add a background image to the block. For the background image, additional image settings are opened: image selection, image size (choose from the list: cover, contain, 50%, 100%, and other sizes), image repeat, and image position inside the block.

Container. In this section, you can change the width of the elements inside the block: automatic or full width. You can also set the background color of the block.

Advanced settings

Read more about the settings of this section in the article "Advanced settings".

Conditional show / hide

Read more about the settings of this section in the article "Conditional show / hide".