EverWeb Widgets

Vimeo & YouTube Gallery

Video MP4 Gallery

EverWeb MP4 Video Gallery
Blue Moon
EverWeb MP4 Video Gallery
Kerri Watt
EverWeb MP4 Video Gallery
Agent 327
EverWeb MP4 Video Gallery
Sintel

Vimeo & YouTube Player

The gallery can accommodate up to 48 items. Each one launches a a Vimeo or YouTube video in a lightbox window on click or tap.
Grid
The grid is created from a list of equal size thumbnail images. It can be full width or be centered with a maximum width setting. The number of items per row can be set for each device type - computer, tablet landscape, tablet portrait and mobile phone.
The grid item spacing can be adjusted along with the vertical spacing from the items above and below and the horizonta spacing from the browser/device window edges.
Grid Items
The images used in this demo were cropped to 320 x 240 px before dragging them from the Finder folder onto the widget's Assets List. The images can have a border if required using the controls for border width and border color.
Overlay
The image overlay has controls for color, opacity and mobile opacity. It can show only on hover when viewed on computers if required.
The overlay has fields for entering the video title and a brief description. There is an option to show a separator line and to adjust the vertical spacing of the items.
As can be seen from the above example the font family can be Google hosted with a web safe fallback if required.
Video Type
The video type can be Vimeo or Video or a mixture of both. Simply enter the video ID and check the box if the video type is Vimeo.
Video Player
The vieo player opens in a lightbox window. The player is responsive up to a maximum width of 1200px and is closed by clicking/tapping the close button or anywhere on the overlay.

MP4 Video

The MP4 Video Gallery is set up in the same way as the Vimeo & YouTube Gallery with a couple of exceptions. Each video requires an ID number which can be selected from the drop down menu in the widget settings. Note that the player is restricted to a maximum of 12 videos which is more than enough for any one page.
Aspect Ratio
The player is set up to play videos with an aspect ratio of 16:9. Video files with a wider aspect ratio will be displayed properly except the control bar will be lower down. Play video number 3 - Agent 327 - to see how this looks compared with the other videos in the MP4 Video Gallery.