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

# Video

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

Container width - full-width:

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

## **For Customers**

## **Adding a section**

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

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Video`**.

## Section settings

### General

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

1. **`Heading`** - setting allows you to add the text for the title;
2. **`Text`** - setting allows you to add text content;
3. **`Image`** - setting allows you to select an image for the placeholder.

### Video

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

1. **`Video type`** - the setting allows you to choose the type of the video (HTML5, Youtube/Vimeo);
2. **`HTML5 desktop video`** - the setting allows you to add a desktop video for the HTML5 type;
3. **`HTML5 mobile video`** - the setting allows you to add a mobile video for the HTML5 type;
4. **`Youtube/Vimeo desktop video url`** - the setting allows you to add a link to a video for the Youtube/Vimeo type for the desktop;
5. **`Youtube/Vimeo mobile video url`** - the setting allows you to add a link to a video for the Youtube/Vimeo type for the mobile.

### Layout

<figure><img src="/files/95J4g396imKUN9fkmGut" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.