There are various ways to display a video gallery. You have the most control when you link video thumbnails to the corresponding videos. It's done using the WordPress Media Library with custom links. However, videos from Youtube or Vimeo can be loaded automatically. For a video gallery of self-hosted media, Justified Image Grid makes use of an HTML5 video player, MediaElement.js found in the WordPress core. Of course you can mix and match videos with images in a grid.
Open self-hosted videos in the lightbox!
Should you prefer to host content yourself instead of having it on Youtube or Vimeo... A custom video player is built for these videos in the lightbox. Though prettyPhoto brings great reults, why not take it to the next level with Magnific Popup or even FooBox? It'll be an all-responsive video gallery experience your visitors will find very easy to use.
The above example uses the following, generated shortcode (how to use):[$justified_image_grid ids="11135, 11134, 11137, 11136, 11130, 11129, 11184, 11133, 11132" row_height=200 height_deviation=100 caption_field=off caption=reverse-slide caption_opacity=1 caption_bg_color=rgba(251,150,58,0.1) caption_text_color=white v_center_captions=yes caption_text_shadow="0 0 3px rgba(0,0,0,0.5)" overlay=off specialfx=captions specialfx_type=blur lightbox=magnific mobile_lightbox=magnific last_row=match link_target=videoplayer]
- Play h.264 videos which is the most supported format.
- The videos can be uploaded anywhere, like the media library.
- Choose your preference for autoplay.
- Set video poster/background, this appears in the lightbox.
- Change the URL slug of the video player page from "jig-video"
How does a Youtube or Vimeo video gallery work?
The automatic solution uses RSS feeds and loads the latest, most recent videos. Vimeo has more options than Youtube.
RSS feeds are limited to the most recent content, about 25-50 thumbnails. However, multiple feeds can be combined and sorted together by date. For a more complete video gallery with manual control, host the thumbnails on the site and set up custom links to any Youtube or Vimeo content you wish to display. That way there is no limit on how many you can display. In any case, videos play in the lightbox.
Vimeo feature teaser
Stick with Vimeo if you wish to reach the creative community on the internet.
Video source: TSO Photography
The above example uses the following, generated shortcode (how to use):[$justified_image_grid preset=17 prettyphoto_theme=dark_rounded lightbox=prettyphoto last_row=match disable_cropping=yes link_target=video rss_url=https://vimeo.com/terjes/videos/rss rss_links_to=permalink rss_description=none rss_link=yes rss_link_text="Watch on Vimeo" max_rows=1]
See the dedicated page for Vimeo video gallery with RSS feeds!
Youtube feature teaser
When you wish to target the largest audience, YouTube is the answer. Mind the ads, though you can become a partner.
Video source: Taylor Swift
The above example uses the following, generated shortcode (how to use):[$justified_image_grid preset=17 row_height=170 height_deviation=0 prettyphoto_theme=dark_rounded lightbox=prettyphoto limit=6 max_rows=1 aspect_ratio=16:9 disable_cropping=yes link_target=video rss_url=http://gdata.youtube.com/feeds/base/users/TaylorSwiftVEVO/uploads?max-results=50 rss_links_to=permalink rss_description=none rss_link=yes rss_link_text="Watch on Youtube" rss_caching=60]
Check out the complete demo page for the feed-based Youtube video gallery!