# Video

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&#x26;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

A short video brings brand awareness to store visitors, increases engagement, and entices more customers to the brand.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FrjaNQZAK2PKq3VJDgRsO%2FScreen%20Shot%202021-10-20%20at%2020.29.09.png?alt=media\&token=69b1405b-3722-46d1-bf5c-5108af6a49ce)

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Video.**
3. **Save.**
   {% endhint %}

The settings include:

## General

Select the background color and container type (default/full width/use container box).

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FK2lcWr1vtnhOIeqM3fsg%2Fimage.png?alt=media&#x26;token=8b6f6e73-4e1f-4df1-853d-491ecc283dc2" alt=""><figcaption></figcaption></figure>

## Video settings

* **Video type**: Shopify hosted/External

If you are using a Shopify hosted video, select a video from your Files.

If you are using an external video (Youtube or Vimeo), insert the video link.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FXa29Tyj3CtDvwC2XuAYd%2Fimage.png?alt=media&#x26;token=639f2d18-263d-4c11-b352-3ffe8b39852b" alt=""><figcaption></figcaption></figure>

* **Video ratio**: 16:9/ 21:9/ 4:3.
* **Cover image**: select or upload an image to use as your video cover.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FCOI16V61l56jPuhX4e9H%2Fimage.png?alt=media&#x26;token=e07a1219-1aea-4557-8878-f804a6bc1248" alt=""><figcaption></figcaption></figure>

## Content

Use the provided text fields to add a suitable heading. You can change the color and size of the text and the play button.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F6Z1xXOOoGj9gthNRe3Zb%2Fimage.png?alt=media&#x26;token=bfc6e643-e212-4639-a5be-66903d8d5c22" alt=""><figcaption></figcaption></figure>

Modify the video width and how it is played:

* Autoplay (only when the video is set as muted);
* Loop;
* Muted;
* Show controls (for Shopify hosted video only).

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FIImwulagbndm2u3m70j1%2Fimage.png?alt=media&#x26;token=e8b5a25f-f867-46ec-8171-fbd00adc4d17" alt=""><figcaption></figcaption></figure>
