web counter
Video Gallery
My Image

All the latest RapidWeaver Stacks reviewed,
plus the most important community news …

Stay up to date with current RapidWeaver developments

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

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

Subscribe to Ninja News
or ask a question

Hi, I’m the Ninja Bot. What’s your name?
image/svg+xml
Nice to meet you, [1-1]. Could you tell me your mail address?
image/svg+xml
[1-1], would you like to subscribe to the monthly Ninja Newsletter?

Yes, I would like to receive your monthly newsletter.

No thanks, I’m good for now. I have a different issue.

image/svg+xml
Thanks for your support, [1-1]. Is there anything else I can do for you?
image/svg+xml

[1-1], thanks for subscribing. If you made a further request, I’ll get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I would like to subscribe to the Ninja Newsletter

Message

[4]
I’m sorry tohear that, [1-1]. How may I help you then today?
image/svg+xml

[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I don’t want to subscribe to the Ninja Newsletter right now.

Message

[6]

Thanks again for contacting us. Your request was successfully submitted.

My Image

Looking for Inspiration?

Looking for Inspiration for a new site, or need a CTA
really quickly?

Contact Information

rjh logo

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—17

Powered by rjh-design

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

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.

View previous campaigns.

Subscribe to the Ninja Newsletter

* indicates required