# 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: 1900x450
{% endhint %}

<table><thead><tr><th width="286">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><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></td></tr><tr><td>Heading color</td><td><p>In this section, you can change the background and foreground color of a heading 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>Display spacing around heading</td><td>By enabling this checkbox, you can see spacing around heading.</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 icon</td><td><p>Following is the Play icon customization of the section:</p><ul><li>Play button</li><li>Only text</li></ul></td></tr><tr><td>Auto play video</td><td>By enabling "Auto play video" the video will automatically start playing.</td></tr><tr><td>Enable controls</td><td>You can enable the video controls to start and stop the video.</td></tr><tr><td>Mute video</td><td>By enabling this checkbox, you can mute the video.</td></tr><tr><td>Shopify hosted video</td><td><strong>Video</strong><br>Use only the MP4 video here.<br>Recommended size 1900 X 450.<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>Recommended size 1900 X 450.<br><br><strong>Video alt text</strong><br>Add alt text to describe the video for customers using screen readers.</td></tr><tr><td>Style</td><td><p><strong>Make section full width</strong><br>By enabling this checkbox, you can Make section full width.<br></p><p><strong>Show container on desktop</strong><br>When 'Show container on desktop' is enabled, the video content container box will be visible on desktop.<br></p><p><strong>Desktop content position</strong><br>To change the position of the content on the video, utilize the "Desktop content position" setting. Customization of the "Desktop content position" in the video section is as follows:</p><ul><li>Top left</li><li>Top center</li><li>Top right</li><li>Middle left</li><li>Middle center</li><li>Middle right</li><li>Bottom left</li><li>Bottom center</li><li>Bottom right</li></ul><p><strong>Content alignment</strong><br>Customization of text alignment in desktop devices is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></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></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FV4ZzBZLreY4X53hrySLy%2Fvideo.png?alt=media&#x26;token=e8d3abde-9755-492e-a537-4aa2851686f5" alt=""><figcaption></figcaption></figure>

## **Add block**

To add blocks to the Video section, click on the 'Add block'. There are many options available similar to the video, as you can see in the below points and screenshot:

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Video heading</td><td><p><strong>Heading</strong><br>Enter text to display as a title in the section.<br><br><strong>Heading size</strong></p><p>Customization of the "Heading size" in the Video section is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Text</td><td><p><strong>Description</strong><br>Enter text to display as a description in the section.<br><br><strong>Text style</strong></p><p>Customization of the "Text style" in the Video section is as follows:</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr><tr><td>Buttons</td><td><p><strong>Button label</strong><br>Click on the "Add block" and select the Button. Use "Button label" to add a label to the Button in the section.<br><br><strong>Button link</strong><br>Click on the "Add block" and select the Button. Use "Button link" to add a link to the Button in the section.<br><br>By using the "Open this link in a new window" option, the link will open in a new tab.<br><br><strong>Button style</strong></p><p>Customization of the "Button style" in the Video section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FvC1fiFYK7GYg5eGj9M8h%2Fvideo-block.png?alt=media&#x26;token=1729320b-60bb-4da5-ad9f-c14eadae33a2" alt=""><figcaption></figcaption></figure>