EverWeb Widgets

Video Mixed Type Slideshow

MP4 Vimeo & YouTube Video

The slider can hold up to 48 videos which can be a mixture of HTML5 MP4 video, Vimeo and YouTube. Each item has a thumbnail image, a poster image as well as the video file.
Images
Both the thumbnail and the poster should have an aspect ration of 16:9. The poster images in the example are 800px x 450px and the thumbnails are 160px x 90px.
Setting Up
Drag all the thumbnail images from the Finder and drop them onto the Assets List in the widget settings. Add the poster images and any MP4 video files to the main Assets.
Selct each thumbnail in turn and then choose its corresponding poster image, select the video type and enter the video ID for Vimeo and YouTube or select the video file from the assets list if it is an MP4.
Styles
The wrapper has controls for background color and its opacity and for horizontal from the browser/device screen edge and vertical spacing from the items above and below it.
The video stage can a border wth controls for border width and color.
Important Note
When testing the slider locally only the YouTube videos will play. The Vimeo and HTML5 video require the page to be published to a server - local or remote - for them to play.