# External Video Grid

> Display a grid of YouTube or Vimeo videos side by side. Converts to a slideshow on mobile.

URL: https://sectionstar.app/sections/ext-video-grid/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.889Z

---

**External Video Grid** is a Shopify theme section in the Section Star library. Display a grid of YouTube or Vimeo videos side by side. Converts to a slideshow on mobile.

## Live demo

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Grid Design
Set the display for the grid

| Setting | Type | Default |
| --- | --- | --- |
| Grid Gap | Number | 20 |
| Mobile Display | Select (Slideshow, Stacked) | slideshow |
| Columns (when stacked) | Select (1 column, 2 columns) | 1fr |
| Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Slideshow Indicator Color | Color | #111 |
| Enable Autoplay? | Checkbox | On |
| Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 |

### Video Design
Set the display for the videos

| Setting | Type | Default |
| --- | --- | --- |
| Video Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 16 / 9 |
| Round Borders on Videos | Range | 5 |
| Subtle Shadow on Videos | Checkbox | On |
| Video Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Grid | Number | 15 |

### Video block settings

| Setting | Type | Default |
| --- | --- | --- |
| Video | Video URL | — |