# Video

The "Video" section showcases engaging video content, helping to communicate the brand story, demonstrate products, or share tutorials. It captures attention, enriches user experience, and encourages deeper interaction with the content.

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/kHSxE6LxB0ujpNgEVZeq/video.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Video**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FEjmvNUPmtyk6wTXL5yQC%2F2025-04-04_12-01-13.jpg?alt=media&#x26;token=fe075773-60cb-43a5-ba42-2daf138e15fe" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*
* **Enable video looping**

### Shopify-hosted video

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/qVsjxXhZY7qPYmDjQLW0/video-s.jpg" alt=""><figcaption></figcaption></figure>

### Or embed video from URL

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F2yfRPpfbJwG4Xh4yRb1Y%2F2025-04-04_12-01-52.jpg?alt=media&#x26;token=216268f9-3f14-408b-9552-fa4186435631" alt=""><figcaption></figcaption></figure>

* **URL** - Use a YouTube or Vimeo URL
* **Cover image**&#x20;
* **Video ratio**  - Adapt to image / Square (1:1) / Portrait (3:4) / Landscape (4:3) / Landscape (5:3.5) / Wide (16:9)
* **Video alt text**

### Colors

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**