# Video

Users can click on the section to play the video with sound, enhancing the immersive experience for brand or product storytelling.\
This section is ideal for sharing impactful video content, such as brand stories, product demonstrations, or customer testimonials.

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

### **1, How to add section in theme editor:**

{% stepper %}
{% step %}
In your theme editor (**Customize**), scroll to the bottom of the template and select **Add section**.
{% endstep %}

{% step %}
In the list, locate and select **Video** section. The section will now be added to your page, ready for customization.
{% endstep %}
{% endstepper %}

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

### **2, Section settings:**

The **Section settings** allow you to control the video source, layout, ratio, and popup functionality.

* **Text alignment:** Adjust the alignment of heading & description to **Left**, **Center**, or **Right**.
* **Shopify-hosted video**: Upload a video directly to your Shopify store, where it will be hosted on your account.

{% hint style="info" %}
**Note**: *It is recommended to use **MP4 format** for the best compatibility and quality.*
{% endhint %}

* **External video**: Link a video hosted on **YouTube** or **Vimeo**.

{% hint style="info" %}
**Note**: *If both **Shopify-hosted video** and **External video** are set, the **Shopify-hosted video** will take priority.*
{% endhint %}

* **Video ratio**: Choose the video ratio to match the dimensions of your video: **Square (1:1), Landscape (4:3), Portrait (4:5), Widescreen (16:9), Vertical (9:16)**
* **Video thumbnail**: Select an image to display as the video thumbnail. The thumbnail will disappear once the video is played.

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

{% hint style="info" %}
**Note**: *For autoplaying videos (videos without sound that loop in the background), see the* [***Video banner***](/section/video-banner.md) *section and* [***Media with text***](/section/media-with-text.md) *section. These sections allow videos to play automatically without user interaction.*
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.byinspiredlabs.com/section/video.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.