# Video

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FOhV2OyIPigxNmmVXnn6g%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-29%20%D0%B2%2014.13.08.png?alt=media&#x26;token=b541de64-bc85-41b8-8c76-dc916c581d03" alt=""><figcaption></figcaption></figure>

Container width - full-width:

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FGg36AimgFZzRs2wmrEtz%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-29%20%D0%B2%2014.13.42.png?alt=media&#x26;token=1bfe466f-5b5c-44ca-9e97-95c1ea62329f" alt=""><figcaption></figcaption></figure>

## **For Customers**

## **Adding a section**

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FVu66CQDekyGl7a3if60H%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-29%20%D0%B2%2014.15.24.png?alt=media&#x26;token=bf3d4cd5-3454-4853-980a-42f5453815c8" 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="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F9Wo3ywARttRlfzZjc7vx%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-29%20%D0%B2%2014.16.41.png?alt=media&#x26;token=f829562d-9619-4fb6-8472-5c72d4704aa9" 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="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fw32ZqP3N1FfRj0vFIxbI%2FUntitled%20(5).png?alt=media&#x26;token=fd10169d-0403-4249-b6f6-4782efea8e97" 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="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FsxqNE1MC8KmmBgITK18N%2FUntitled%20(6).png?alt=media&#x26;token=990cea17-5068-4dd4-8ec8-b412ff061c9c" 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**.