# Video

> Show a video uploaded to your store or a YouTube or Vimeo video, with a cover image, a heading and a short text.

Tally theme documentation · HTML version: https://themelab.page/tally/docs/sections/video/

## At a glance

- **In the editor:** Video
- **Where it goes:** Any page template, with Add section
- **In the presets:** Not on any page by default – add it where you need it
- **Settings:** 20
- **App blocks:** Yes

## Set it up

1. Choose the **Video source**: *Uploaded video* (from **Content › Files**) or *YouTube or Vimeo*.
2. Pick the **Video**, or paste the **Video URL**.
3. Upload a **Cover image**: it shows until the video is played, and keeps the page fast because the video only loads on demand.
4. Add a **Heading** and **Text** above the video if you want to introduce it.

## Options

- **Play automatically without sound:** uploaded videos can start muted as soon as they are on screen, like a moving photo. Leave it off for videos with speech.
- **Aspect ratio:** *16:9*, *4:3* or *Square*.
- **Full width:** runs the video edge to edge.

> **Note**
>
> YouTube and Vimeo videos load from those services when played, with their own players and cookies. Uploaded videos are served by Shopify and look more integrated.

## All settings

Every setting in the order of the theme editor, with its options and its default value.

**Section: Video** (20 settings, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Heading** | Rich text (one line) | Sample text |
| **Text** | Rich text | – |
| **Heading size** | Large · Medium · Small | Medium |
| **Heading alignment** | Left · Center | Center |
| **Video source** | Uploaded video · YouTube or Vimeo | Uploaded video |
| **Video** | Video file | – |
| **Play automatically without sound** | Checkbox | Off |
| **Video URL** | YouTube or Vimeo link | – |
| **Cover image** | Image | – |
| **Aspect ratio** | 16:9 · 4:3 · Square | 16:9 |
| **Full width** | Checkbox | Off |
| **Color scheme** | Color scheme | Scheme 1 |

*Section spacing*

| Setting | Options | Default |
| --- | --- | --- |
| **Top padding** | 0–160px (step 4) | 80px |
| **Bottom padding** | 0–160px (step 4) | 80px |
| **Top padding on mobile** | 0–120px (step 4) | 56px |
| **Bottom padding on mobile** | 0–120px (step 4) | 56px |

*Advanced*

| Setting | Options | Default |
| --- | --- | --- |
| **Hide on mobile** | Checkbox | Off |
| **Hide on desktop** – Mobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below). | Checkbox | Off |
| **Animate on scroll** | Checkbox | On |
| **Anchor ID** – Link to this section with #anchor-id. | Text | – |

## Related

- [Image banner](https://themelab.page/tally/docs/sections/image-banner.md): A large photo or video with a heading, text and up to two buttons on top – full width or within the page.
- [Shoppable videos](https://themelab.page/tally/docs/sections/shoppable-videos.md): A row of vertical videos, each with a product, that open in a full-screen player with sound and an add to cart button.