Single portfolio – Thumbnail Video

To show the video on the thumbnails of Grid and Masonry Grid. Please set the “Source” as “Portfolio”. Please go to Portfolio > All Portfolio, set the video for the portfolio item.

It supports Embed video and Hosted video.

Embed Video

It supports YouTube and Vimeo, please enter the URL directly like:

YouTube: https://www.youtube.com/watch?v=_nZ2MW4gPNw
Vimeo: https://vimeo.com/339906947

It supports “Play in List” and “Play in Lightbox”.

Play in list
Play in Lightbox, the “Open Lightbox” must be activated in Grid / Masonry Grid

For embed video, it is necessary to set the video ratio. Otherwise, the video will not fill the grid:

You could enter the video width and height directly. Please look for the video width and height in embed codes:

Hosted Video

Please enter the video file URL into the URL boxes. Some browsers cannot show the mp4 format video, so it is necessary to enter the Webm or Ogg format file URL also.

It supports “Play in List”, “Autoplay”, and “Play in Lightbox”.

The hosted video will be filled into the grid automatically, it isn’t necessary to enter the video ratio normally. But the video will be cropped. If you want to show the whole video, please enter the video ratio. You could enter the video width and height also.

You could check the video width and height on the computer. Right-Click right the video file.

Click the “Get Info” on the macOS, the Info panel will popup, you will see the width and height in Dimensions:

Click “Properties” on Windows, you will find the width and height:

Was this article helpful?

Related Articles