Embedding a single YouTube video in WordPress is much easier these days than it used to be. Because WordPress has built-in oEmbed support for YouTube, you simply paste a YouTube video url into the Visual Editor and it will be embedded automatically. But what if you want to create and display an entire YouTube video gallery in WordPress?
Creating a YouTube Video Gallery
There are several video gallery plugins available, but this tutorial will show you how to create a YouTube video gallery in WordPress using our free FooGallery plugin along with our premium FooVideo extension.
The FooVideo extension allows you to create FooGalleries using videos from YouTube, Vimeo, Wistia, Daily Motion, and even self-hosted (or custom) video sources.
In this tutorial, we’re going to show you how to create a YouTube video gallery in WordPress in 6 easy steps.
Step 1 – Install and Activate FooGallery
Install FooGallery if you haven’t already. It’s free. You can search for FooGallery from within your WordPress Dashboard -> Plugins -> Add New -> Search
Click Install and Activate.
You’re now able to create beautiful image galleries using any of the built-in gallery display templates. Demos here if you’re not familiar.
Step 2 – Get the FooVideo extension for FooGallery
FooVideo is a premium extension for FooGallery and you can get it here.
Once purchased, download the FooVideo plugin .zip file and install it by visiting Plugins -> Add New -> Upload
Click Activate and then visit FooGallery -> Add Gallery just like you were going to create an image gallery. You can also mix and match images and videos in your gallery.
Click the Add Media button and you’ll see the familiar WordPress Media Library screen with the addition of a new Video tab.
Click the Video tab and you’ll see three choices – YouTube, Vimeo and Other Video.
Step 3 – Use the YouTube search field to start finding videos to add to your gallery
After searching, you’ll see a list of results. Simply click any result (or multiple results) that you want added to your YouTube video gallery and click the Add Media button. I’ve chosen two below, indicated by the blue highlighted border around the thumbnail image.
FooVideo will add the selected YouTube videos to your FooGallery.
It also automatically pulls in the thumbnails, titles, captions, alt text and descriptions. This is important because having this information with your images and video is great for SEO.
You can edit this text manually or stick with the information that FooVideo has automatically pulled in for you.
Step 4 – Choose your gallery display template and associated settings
FooGallery comes bundled with several gallery display templates and FooVideo adds even more. Any template can be used for your WordPress YouTube gallery.
After selecting your preferred template, you’ll find additional display settings below like spacing, alignment, thumbnail size, hover effects and icons, and even the option to load your videos inside our Free or Pro FooBox responsive lightbox popup.
Step 5 – Publish your YouTube video gallery in WordPress
After you’ve decided on the look and feel of your video gallery display, click the Publish button to save it.
After Publishing your video gallery, you’ll be able to simply copy/paste the gallery shortcode into any post or page.
You’ll also see a new option to automatically create a gallery page. This option will create a Draft page using the name of your gallery as the title and automatically insert the gallery shortcode. It’s a nice shortcut if you’re creating several galleries and pages in one sitting.
Step 6 – Publish your YouTube video gallery page!
This is what my example video gallery looks like using the default display template with thumbnails set at 150px by 150px and using the play button overlay.
The display options are almost limitless. Change the template, the thumbnail size, the hover effects and more to tweak your YouTube video gallery to match your theme layout.
To see even more examples of our gallery templates, check out the demos here.