Video Product Image

Hi Front End Developers!

Is there anyone who may be able to help me figure out how to use a video as my product image instead of a still image on my membership site on Squarespace? 

For context, my business sells vertical video content for social media and my customer purchase a subscription to access my content library and download videos to use on their socials. 

At the moment, I am using the product page to upload each video as a product and members can add videos to their cart and 'check out' to download the videos they wish to use. The problem I am currently having is that I am only able to upload a still image as the preview display on the site - which obviously makes the user journey clunky to have to click into each product to preview the video. 

Has anyone got a work around to this that might improve my user experience? 

Please help!!

Amie 

You can consider using a gif image instead, we can give code if you share url.