The cover photo or image sits in front of the place holder and video control buttons. The cover photo is given a name, in this example “videocover”.
Each photo /image link has the following code
The ‘var source’ is a server-side library (folder) that holds the videos - none of the video assets are included in the design file which means this approach is lightweight and fast
loading. This source is the designer’s choice.
The design uses Scale-to-fit-Width and was intentionally designed to work with a mobile variant using custom-built play and pause buttons.
JS Video Player Page Plugin