1. Home
  2. Docs
  3. Livemesh Addons
  4. Premium Addons
  5. YouTube Grid

YouTube Grid

YouTube Gallery/Grid

YouTube Grid helps display a collection of YouTube videos obtained from YouTube API given a Channel ID, PlayList ID or a list of Video IDs. Quite handy for video tutorial sites, video bloggers, or any studio with a substantial amount of video content. This is the most feature-rich YouTube video gallery addon you can find for Elementor Page Builder.

While the Gallery widget helps create a grid of YouTube/Vimeo videos, it requires you to manually specify the URL for each of the videos you want to see as part of the grid. The YouTube Grid is lot more flexible – while you can still create a grid of handpicked videos, you can also utilize the power of YouTube API and ask this widget to display a dynamic set of videos automatically pulled from a channel or a playlist on YouTube.

To be able to display your videos on your site by utilizing YouTube official API, you must request for an API key by creating a project in Google Developers Console. Go to https://developers.google.com/youtube/ to do the same.

Enter the YouTube API key in the Livemesh Addons -> Settings -> Social API as shown below –

Livemesh Addons Social API

YouTube Gallery Features

  • YouTube Video Grid/Gallery widget that connects to YouTube Developer API to display videos automatically from YouTube.
  • Display videos in YouTube Grid given a Channel ID, Playlist ID or a list of video IDs.
  • Display title, excerpt, channel name/avatar, posted date, duration, views/likes/comments count of YouTube videos, as provided by YouTube API.
  • Display YouTube channel header with information like channel name, banner, avatar, channel stats and channel description, as provided by YouTube API.
  • Load More function for paginated display of YouTube videos.

You can specify the channel identifier to pull YouTube videos from a channel sorted by either Title, Publish Date or Number of Views.

YouTube Gallery channel source

You can provide a playlist id from YouTube to display videos from a playlist created in YouTube.

YouTube Gallery playlist source

As in Gallery, you can also provide comma-separated list of IDs of videos for display in the YouTube Grid.

YouTube Gallery Videos IDs

The YouTube Grid provides a large set of options for you to customize the video information displayed for each of the videos in the grid. You can individually turn off and on the fields of the videos.

YouTube Gallery Video Content Options

You can control the built-in styles, the number of columns for the grid, specify masonry or fit rows layout, lightbox library to use, and also choose to display the videos inline as embedded videos instead of opening the video in the lightbox.

YouTube Gallery Settings Tab

YouTube videos displayed inline as embedded videos on the page –

YouTube Gallery/Grid Embedded Videos

Choose pagination type as Load More or choose None if no pagination is desired. You can enter the items per page value to control number of items to display per page.

YouTube Gallery Pagination

Almost any information displayed as part of the YouTube Grid can be customized for typography, color etc. This is truly the best YouTube grid addon you can find for Elementor page builder.

YouTube Gallery Styling

Was this article helpful to you? Yes No

How can we help?