> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/agile-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/agile-theme/sections/video.md).

# Video

A **Video section** on a website enhances engagement, diversifies content, improves SEO, conveys information effectively, supports brand storytelling, showcases products, and boosts conversion rates. It's a valuable asset for engaging visitors and achieving website goals.

<figure><img src="/files/ONeycsTlwxka793XCVjD" alt=""><figcaption></figcaption></figure>

## Section settings

### General setting

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Section width</strong></td><td><p></p><p>3 options for container</p><ul><li><em><strong>Stretch width</strong></em>: span the section width regardless of screen size.</li><li><em><strong>Fix width</strong></em>: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><em><strong>Expand full width</strong></em>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td><strong>Color scheme</strong></td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr><tr><td><strong>Heading</strong></td><td>The title of the section</td></tr><tr><td><strong>Description</strong></td><td>The description of the section</td></tr><tr><td><strong>Alignment</strong></td><td><p>The position of the heading and description.</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

### Video settings

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Video link</strong></td><td>Accept the use of YouTube or Vimeo links</td></tr><tr><td><strong>Video local</strong></td><td>Use manually uploaded videos</td></tr><tr><td><strong>Cover image</strong></td><td>The image that displays before a customer plays the video. You can upload a custom cover image from your Shopify admin.</td></tr><tr><td><strong>Video alt text</strong></td><td>The alt text for the video. Describes the context and purpose of the video for customers using screen readers.</td></tr><tr><td><strong>Enable video autoplay</strong></td><td>When autoplaying videos, the sound will be automatically muted</td></tr><tr><td><strong>Aspect ratio</strong></td><td><p></p><p>The aspect ratio for the section:</p><ul><li><strong>16:9</strong> - Crops the images to use a 16:9 ratio.</li><li><strong>21:9</strong> - Crops the images to use a 21:9 ratio.</li></ul></td></tr></tbody></table>

### Section padding

* **Top padding:** Customize the top margin of the section
* **Bottom padding:** Customize the bottom margin of the section