YouTube and Vimeo video gallery in WordPress using Pe Lightbox Gallery Slider

How to Add a YouTube & Vimeo Video Gallery in WordPress

Videos are a great way to showcase content on your website! However, using a single video on your page can make navigation difficult. The best solution is to use a video gallery — and we’ll show you how to create one for your website! It’s very easy.

We recommend these two excellent video gallery options:

  • YouTube & Vimeo Video Gallery with Lightbox
  • YouTube & Vimeo Video Lightbox Gallery

Both are reliable, responsive, and deliver a great user experience.

Great! Both are reliable, responsive, deliver a great user experience, and are indeed very attractive ways to display YouTube and Vimeo videos beautifully on a WordPress site.

In tbis tutorial you’ll learn how to add a YouTube and Vimeo video gallery in WordPress using the PeLightbox Gallery Slider plugin.

This demo is shown using the Ella Parallax One Page WordPress Theme premium theme, but you can use any WordPress theme.

This demo we using the Ella One Page Parallax WordPress Theme, but you can use any WordPress Theme

1. YouTube & Vimeo Video Gallery with Lightbox

This is a full gallery layout when clicking a thumbnail opens the video in a clean lightbox popup

“Best for: pages where you want to easily show visitors multiple videos, such as a video library, portfolio, tutorials, and more.”

Watch the Video Tutorial

📺 Follow the step-by-step process in this video:

📺 Video Tutorial 2 :


Step 1: Install PeLightbox Gallery Slider

First, you need to install the PeLightbox Gallery Slider plugin.

Free version:
https://wordpress.org/plugins/pelightbox-gallery-slider/

Pro version:
https://pixelonetry.com/pelightbox/

The Pro version includes additional layouts, animations, WooCommerce support, and advanced gallery features.


Step 2: Create a Video Gallery

  • Go to PeLightbox → Add New Gallery in your WordPress dashboard.
pelightbox gallery slider free version

Pelightbox gallery pro

  • Select Video Gallery as the gallery type.
pelightbox-gallery-video-type

  • Add your YouTube and Vimeo video URLs.

Pelightbox-youtube-url
  • Configure the gallery settings (thumbnails, captions, grid layout).

  • Click Publish.

Step 3: Add the Gallery to a Page or Post

After creating your gallery:

  • Copy the gallery shortcode (e.g., [pelightbox id="123"]).
pelightbox gallery shortcode

  • Paste it into any page, post, or WooCommerce product page where you want the gallery to appear.
Pelightbox shortcode insert

Your gallery will now display video thumbnails inline. Visitors can click any thumbnail to play videos directly in the page.


Step 4: Preview Your Video Gallery

Once added, your WordPress site will show a fully responsive inline video gallery. The gallery works with:

  • YouTube videos
  • Vimeo videos
  • Local MP4 videos
  • WooCommerce product galleries

Step 5: Upgrade to Pro for More Features

The PeLightbox Pro version unlocks advanced features like:

  • Additional gallery layouts
  • Animation effects
  • Cover gallery & Kenburns sliders
  • Mixed image and video galleries
  • Full WooCommerce product gallery support

With the plugin, you can organize your videos in a professional way, make your site more interactive, and provide a better user experience

  March 9, 2026   WordPress Tutorials

We're are pixelonetry creative studio! we make great digital assets for professionals...

Post a Comment

Developers from over 150+ countries are developing products with Our Themes