---
title: "How to Create a WordPress Video Gallery?"
url: https://nexterwp.com/docs/create-wordpress-video-gallery/
date: 2023-06-17
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "Videos scattered across a site are hard to browse, and one embed per page is a lot of pages. The Media Listing block gathers them into a single gallery, and..."
image: https://nexterwp.com/wp-content/uploads/2024/05/create-wordpress-video-gallery-1024x519.jpg
word_count: 369
---

# How to Create a WordPress Video Gallery?

## Key Takeaways

- Nexter Blocks Media Listing block creates a WordPress video gallery by setting Type to Videos, choosing a layout, and selecting Default in Popup Layout to show the video in a lightbox.
- Media Listing block supports three video sources, Normal, YouTube, and Vimeo, and the Normal option accepts mp4, m4v, mov, wmv, avi, mpg, ogv, and 3gp files.
- Category fields in Nexter Blocks Media Listing block support multiple comma-separated categories, which makes a filterable video gallery possible.

Videos scattered across a site are hard to browse, and one embed per page is a lot of pages.

The Media Listing block gathers them into a single gallery, and each video can come from a different source.

*For every Media Listing setting in one place, see the [Media Listing block guide](https://nexterwp.com/docs/add-media-listing-in-wordpress/).*

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/listing/wordpress-image-gallery/)

## Before You Start

- **Edition:** **Pro** — the Media Listing block is part of Nexter Blocks Pro.- **Block to enable:** Media Listing, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Your videos ready:** uploaded to the Media Library, or their YouTube or Vimeo links to hand.

## Steps

- Add the **Media Listing** block to your page and click **Design from Scratch**.

- In the **Layout** panel, set **Type** to **Videos**.

![The Layout panel with the Type setting set to Videos](https://nexterwp.com/wp-content/uploads/2026/09/media-listing-type.webp)

- Open the **Content** panel and click **+ Add Item** for each video.

- On each item, set **Source** to **Self Hosted**, **YouTube** or **Vimeo**.

![The Source setting on a video item](https://nexterwp.com/wp-content/uploads/2026/09/media-listing-video-source.webp)

- Fill in the field that appears for that source, then add a **Title** and a thumbnail **Image**.

- Choose a **Layout** and set **Columns**, then publish.

![A video gallery with three videos from different sources](https://nexterwp.com/wp-content/uploads/2026/09/media-listing-fe-videos.webp)

## The Three Sources

| Source | What you provide | Guide |
| ------ | ---------------- | ----- |
| Self Hosted | A video file from your Media Library | — |
| YouTube | The video ID from the YouTube URL | [YouTube video gallery](https://nexterwp.com/docs/create-wordpress-youtube-video-gallery/) |
| Vimeo | The video ID from the Vimeo URL | [Vimeo video gallery](https://nexterwp.com/docs/create-wordpress-vimeo-video-gallery/) |

## How It Behaves

- Source is set per item, so one gallery can mix self hosted, YouTube and Vimeo videos.- Each tile shows the thumbnail image you set, with the video opening on click.- The video layouts use the same Columns and gap settings as an image gallery.- Switching **Type** back to **Images** hides the video items rather than deleting them, so you can switch back.

## Limitations

- **Pro only.**- Videos are added one item at a time. There is no way to pull in a whole YouTube channel or playlist.- Thumbnails are the image you choose per item, so a video with no image set has a blank tile.- Self hosted videos are served from your own site, so large files use your bandwidth on every play.

## Troubleshooting

### The Content panel still shows the image picker

**Type** is still on **Images**. Set it to **Videos** in the **Layout** panel.

### A tile is blank

Set a thumbnail **Image** on that item. The tile has nothing to show until you do.

## Related Docs

- [YouTube video gallery](https://nexterwp.com/docs/create-wordpress-youtube-video-gallery/)- [Vimeo video gallery](https://nexterwp.com/docs/create-wordpress-vimeo-video-gallery/)- [Video carousel](https://nexterwp.com/docs/create-video-carousel-in-wordpress/)