HTML5 Video
The widget uses the HTML5 video tag to play video files using the browser. This means that it doesn't have any heavy scripts to download like the EverWeb default video widget and makes it more suitable for video playback on mobile devices.
A video widget for a responsive websites MUST show a poster image on page load and prevent the video file from preloading. Otherwise, mobile device users will have to use up a chunk of their data allowance to download the file even if they choose not to watch it!
Video File & Poster Image
The video file should be made as small as possible and the maximum width setting used to restrict the player width to suit the file's width.
The poster image should be the same width as the video file and - obviously - must have the same aspect ratio.
Controls
The video has the new "playsinline" control. This prevents the video being shown fullscreen on iPhones and gives a much better user experience.
Autoplay & Muted
Autoplay should be avoided on pages which will be viewed on mobile devices. Safari for desktop now prevents video from auto playing. To allow a video to autoplay in Safari on computers, the soundtrack must be muted.
Video Tile
There is an option to add the video title and this should be used if possible. Otherwise, the search engines have no idea what the video is about and the only info they have comes from the video file name.