Clicky

Video Gallery
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Video Gallery

I'm possibly the only person with internet that has never watched a complete video online. Even software documentation — I only watch a tuition video if no written documentation's available and then fast forward until I find the part that explains exactly what I want to know. Recently, though, I've seen a number of forum posts 'How do I put a video online?' so when I was notified that CosCulture had published a video gallery stack, I was interested to see it.

Eric's Video Gallery supports YouTube, Vimeo and HTML5 video formats. As the name states, the stack places a gallery on your page. The gallery may contain a single video, or multiple videos – I dropped 50 videos into Video Gallery before I got bored with the test. I like the way the videos are presented.

video gallery
A panel for the active video and a description panel with thumbnails for the video list. Both fully configurable.


What surprised me when I first looked at the settings panel, is that the standard top four Stacks settings, Background, Border, Layout, Responsive, are missing.
O.K. That's a new one! You'll need a visibility stack, if you don't want the gallery to load on mobile.

Instead, Video Gallery sets off by requesting Main Gallery Settings. These begin with Show Notes. When loading a child video container, there is a field for notes which may be displayed as in the screenshot above.

Panel Type refers to the panel content – the options are Title Only, Title and Description, Title,. Description and Thumbnail – the info displayed in the gallery list.
Autoplay Video – a very important option that is set to No by default! Thumb Scrolling refers to the gallery list which may be scrolled simply by moving the mouse over it, or by dragging with the mouse/finger. Play Next Video – equally as important as autoplay – is set to manual, but may be set to When Current Video Ends.

External Border refers to the Colour and Pixel Width of the Border around the gallery. The Gallery Width is set to 500px by default and the Alignment is set to Centre. The Thumbnail Width, Thumbnail Height, Row height and the Panel Width can all be set individually. By default the panels set to 45%. The width and colour of the Separator between the video and the playlist may also be set. You must then decide if your video is displayed on the left, or the right of the playlist.

The Selected Row and the inactive Other Rows may be formatted individually, so it's easy to see which video is currently playing. The formatting includes Background Colour, Thumbnail Border Colour and Width, Title Bold, Title Colour, Description Bold, Description Colour, Title Font Size, Title Font Family, Description Font Size and the Description Font Family.

So far, so good, now it's time to add a video. One video container is already in the mother stack, if you click it, the setting options are Video Type, the choices being YouTube, Vimeo and HTML5 Video. If you set either YouTube or Vimeo, the Video ID is required next. If you set HTML5, the panel slides open to reveal MP4 URL, Webm URL, OGV URL, with an option to set a link for each.

Below the video format are fields to add Short Title and Description. If a video thumbnail is found, it will be added automatically. If no thumbnail is found, a link setting appears automatically so that you may set your own warehoused thumbnail.
Once you've formatted your video, you can click the plus button to add the next child stack.

Video Gallery is easy to set up, looks good and has an abundance of settings for personalisation. I never put a video online myself and, strangely enough, none of my clients ever requested me to, but if I ever get into the situation, I'll be taking another look at this stack

blog comments powered by Disqus
  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

x

Don’t miss a post!
Sign up for our monthly newsletter.

A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.

* indicates required

Contact Information

My Image

rjh web design

265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130

About Us

We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.

Legal

This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16

This website was built with loving care on a Mac using Foundation. For more information, contact me.