In this documentation, we will discuss the customization of the Video block, brought to you by Zoloblocks.

Enable The Video Block

On WordPress Dashboard Navigate to ZoloBlocks from the sidebar menu.

1. Select the Dashboard option under ZoloBlocks.
2. Go to the Blocks tab.
3. Use the search bar to search for “Video”
4. Click Enable to activate the Table of Content block.
5. Hit the ” Save Changes ” button.

Adding a block to the editor

1. Click the Toggle Block Inserter icon and a sidebar will appear on the left side, All the blocks will be visible here.
2. Search by the Video block name.
3. Then select the appear blocks ( with zoloblocks logo T.R corner).
4. After Drag and Drop it on the page.

After Inserting the blocks, Follow this.

1. Click on the Document Overviewer button and the Blocks list view will appear.
2. Here the Selected block, the parent block, and its child block will appear.
3. After on the right side, Click on the Block. Then the Video box details appear.
4. Here show all the control tabs( Basic, Style, Extra ) of a block.

Basic Tab

The Basic tab controller displayed here offers the flexibility to adjust the layout of blocks according to your preferences.

General Section

Go to Basic > General

Video Source

Youtube

1. Video Source: Select source Youtube to demonstrate the youtube video.

2. URL: Set the url for the youtube video
3. Open in new tab: Enable the switcher to open the link in new tab.

Vimeo

1. Video Source: Select the Vimeo from dropdown. It demonstrate the Vimeo vide.

2. URL: Set the url for the vimeo video.

Custom: URL

1. Video Source: Select the video source: Custom. It support the custom link for video.
2. External URL: Enable the switcher to demonstrate the Link input field.
3. Link: Set the external link for the custom video.

Custom: Local Video

1. Video Source: Select the video source: Custom. It allow to upload local video from.
2. External URL: Disable the External Switcher. It shows the choose local file feature.
3. Link: Set the external link for the custom video.

Video Type

Inline

1. Select the Inline tab to demonstrate the video inline view.

Popup

1. Select the Popup tab for the Video type. The video will appear as popup after clicking in the video.

Popup Type : Button

1. Select the Button tab as popup type. All the available feature will appear here under the tab.
2. Button Label: Enable the switcher to demonstrate the button label. Label and Sub Label will appear here.
3. Sub Label: Set the sub label for popup type.
4. Label: Set the label for the popup.
5. Alignment: Make alignment of the popup button left, centre, right, and justify.

Popup Type : Image & Btn

1. Select the Button tab as popup type. All the available feature will appear here under the tab.
2. Button Label: Enable the switcher to demonstrate the button label. Label and Sub Label will appear here.
3. Sub Label: Set the sub label for popup type.
4. Label: Set the label for the popup.
5. Choose Poster: Select the poster from media or library section. It appears as background.
6. Resolution: Set the resolution for the image. Available resolution are Thumbs, Medium, Large and Full.

VIDEO OPTIONS

1. Autoplay: Enable the switcher to automatically playing the Video. Note: Autoplay is affected by Google’s autoplay policy on Chrome browsers.
2. Loop: Enable the switcher to loop the control. It will play the infinitely.
3. Mute: Enable the switcher to Mute the video by following.
4. Player Control: Enable the controls of the Video.

5. Lazy Load: Enable the switcher for the Lazy Load. Lazy loading is a technique where videos are loaded only when they are needed.
6. Captions: Enable the switcher to show the captions of the video.
7. Modest Branding: Enable this switcher to attempt reducing YouTube branding in embedded videos.
8. Suggested Video: Select the suggested video: Current video channel, Any Video.
   Current Video Channel: It will suggest the video rom current channel.
   Any Video: It will suggest any video from YouTube.
9. Privacy Mode: Enable the privacy mode by following. Note: When you turn on privacy mode, Youtube/Vimeo won’t store information about visitors on your website unless they play the video.

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects visually appealing and cohesive with the overall design of the interface.

Inline Player Section

Go to Style > Player

1. Width: Set the width for the Video block.
2. Height: Set the height of the Video block.

Popup

Popup Button

Go to Style > Popup Button

Normal

1. Color: Set the Color for the Icon.
2. Icon Size: Set the size for the Icon.
3. Background Color: Make the background for the Icon.
4. Padding: Set the padding of it.

5. Margin: Set the margin for the space.
6. Border: Make the border for the play button.
7. Box Shadow: Make the shadow for the box.
8. Border Radius: Make the border radius.

Popup Button Label

Go to Style > Popup Button Label

Label

1. Color: Set the color for the label.
2. Typography: Set the typography for the Label.

HOVER

Color: Set the hover color for the button.

Sub Label

1. Color: Set the color for he Sub Label
2. Typography: Make the typography for the sub label.

HOVER

3. Color: Set the color for the hover tab.

Popup Image

Go to Style > Popup Image

1. Border: Set the border for the Popup Image.
2. Border Radius: Make the border radius of the image.
3. Padding: Set the padding of it.

OVERLAY

1. Background : Set the background for the popup image.
2. Opacity: Set the opacity of it.

Video Assist

Video Tutorial Coming Soon! Please check the demo page for more examples.
Thanks for being with us.