# Video

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

When users need to show video-related information they can use this section for displaying videos with text.

{% hint style="info" %}
**Recommendation Size**\
Video cover image size: 1920x600
{% endhint %}

<table><thead><tr><th width="216">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Remove section spacing</td><td>By enabling this checkbox, you can remove spacing of the section.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Layout</td><td><p>Customization of the "Layout" in this section is as follows:</p><ul><li>Wide</li><li>Container</li></ul></td></tr><tr><td>Heading</td><td><p><strong>Text</strong>  </p><p>Enter text to defines the main heading of the section. </p><p></p><p><strong>Text color</strong> </p><p>You can customize the foreground color of the heading by using the color option. </p><p></p><p><strong>Size</strong></p><p>Following is the font size customization of the heading of the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Alignment</strong> </p><p>Customization of the "Alignment" in this is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Shopify hosted video</td><td><p><strong>Video</strong><br>Use only the MP4 video here.<br><br><strong>Or embed video from URL</strong><br>Add Youtube, Vimeo  URL and display the video.<br><br><strong>Cover image</strong><br>You will add a cover image, which will appear on the video.<br></p><p><strong>Desktop video size</strong></p><p>Customization of the "Desktop video size" in this is as follows:</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Mobile video size</strong></p><p>Customization of the "Mobile video size" in this is as follows:</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Video alt text</strong><br>Add alt text to describe the video for customers using screen readers.</p></td></tr><tr><td>Overlay opacity</td><td>Using this settings, you have the ability to change the content overlay opacity. Modify the "overlay opacity" setting to increase or decrease the opacity level of the overlay on the video content.</td></tr><tr><td>Play video on loop</td><td>Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart.</td></tr><tr><td>Play button position</td><td><p>Customization of the "Play button position" in this section is as follows:</p><ul><li>Center</li><li>Bottom right</li></ul></td></tr><tr><td>Text</td><td>Enter a text to display below the play button. Applicable when play button position is set to center.</td></tr><tr><td>Text size</td><td><p>Customization of the "Text size" in this section is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Style</td><td><p><strong>Content close button on hover</strong></p><p>Enable this checkbox to show content close button, use to hide video content.</p><p></p><p><strong>Content color scheme</strong></p><p>In this section, you can change the background and foreground color of the content using the color scheme:</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul><p><strong>Desktop content position</strong></p><p>Customization of the "Desktop content position" in the video section is as follows:</p><ul><li>Top left</li><li>Middle left</li><li>Bottom left</li></ul><p><strong>Content alignment</strong></p><p>Customization of "Content alignment" is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul><p><strong>Show content background</strong> </p><p>By enabling this checkbox, you can show content background. </p><p></p><p><strong>Content background opacity</strong> </p><p>Using this settings, you have the ability to change the content background opacity. Modify the "Content background opacity" setting to increase or decrease the opacity level of the overlay on the video content.</p></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2F8vcD14goLDOoWIAANcNu%2Fvideo.png?alt=media&#x26;token=1e24877a-c527-4810-8de1-fddf47e43837" alt=""><figcaption></figcaption></figure>

## **Add block**

Click on "**Add block**" and its customization is as follows.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td><p><strong>Text</strong><br>Enter text to display as a title on the block.<br><br>S<strong>ize</strong></p><p>Following is the font size customization of the title in the block:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Uppercase heading</strong><br>By enabling this checkbox, you have the ability to show uppercase heading.</p></td></tr><tr><td>Text</td><td><p><strong>Text</strong></p><p>Click on the "Add block" and select the text. And enter text to display as a description on the section. </p><p></p><p><strong>Size</strong></p><p>Following is the font size customization of the title in the block:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Button</td><td><p>Click on the "Add block" and select the Button.<br><br>L<strong>abel</strong><br>Use "Button label" to add a label to the Button in the section.<br><br>L<strong>ink</strong><br>Use "Button link" to add a link to the Button in the section.<br><br><strong>Style</strong></p><p>Customization of the "Button style" in the video section is as follows:</p><ul><li>Link</li><li>Outline </li><li>Solid </li></ul></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FsLustbz2CME9cZhOoa2X%2Fvideo-block.png?alt=media&#x26;token=2799967f-c9fb-44d3-a655-aa83f4307f0c" alt=""><figcaption></figcaption></figure>