Vimeo & YouTube Player

The slideshow can accommodate up to 48 images. Each one launches a a Vimeo or YouTube video in a lightbox window on clicking or tapping the centered play botton.

Slider
The slideshow is centered with a maximum width setting. It has controls for setting the top/bottom and left/right padding and can have a border and/or a box shadow.
The captions can overlay the bottom of the image as shown in the above example or be placed below it.
Navigation is by directional arrows which can appear on hover if required. The arrows are hidden on touch devices where the slides can be swiped.
The transition can be slide or fade and the transition time adjusted.

Images
Although the images are lazy loading their file size should be kept to a minimum. The images used in the example were cropped to 960 x 600px before importing into EverWeb. The maximum width is set to equal the image file width.

Video Button
The centered video play button is created using CSS rather than using an image for maximum efficiency. The button color and hover color can be adjusted.

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 video 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.

Lightbox Overlay
The lightbox background overlay can be adjusted for color and opacity if required although a solid black background is recommended for the best viewing experience.