ThemeKit Video

Video Gallery

ThemeKit Video Gallery

The gallery creates a responsive grid of thumbnail images with captions. Clicking/tapping an image opens a slideshow with the selected video in view.
The videos can be sset for manual or autoplay.

Gallery Grid

The responsive grid has controls for setting the number of items per row for each device type.
The items have …

  • Images with alt text & lazy loading image.
  • Caption with show on hover option
  • Controls for border width & color
  • Grid item spacing and grid padding.

Images

The images in the example grid were cropped to 360 x 360px and optimised to reduce the file size to about 25KB before importing into EverWeb.

Lightbox Slideshow

The slideshow is centered in the overlay with previous/next controls and a close icon at the top right.
The MP4, Vimeo and YouTube files are lazy loaded so will not download until the visitor plays it.

Slideshow Stage

The lightbox has …

  • Video max width control
  • Controls for border width and color
  • Control for the previous/next & close icon background color & its opacity
  • Controls for the lightbox overlay background color & its opacity

Slideshow Options

The slider opens with centered play action tab. Checking a box will autoplay the video when viwed on a desktop or laptop computer.

NOTE: that with autopllay the video has to download whether the visitor wants to watch it or not.

NOTE that only one instance of this gallery can be inserted on a page.
For several galleries with MP4 video do to the next page …

Menu