Responsive Hero Video


I am trying to get my hero video responsive across different devices and browser windows.

My main goal is to have it be responsive like this site I have tried a few things but can’t seem to have it work.

Even on mobile, they have the whole video above the fold which is what I want to go for also. It looks like the video crops in for responsiveness.

On my site, I have used an embed from Vimeo for the hero image to keep quality high. Would you recommend that? and is it still possible with an embed? This is my site right now, still working on it but I started to see if I get this to work.

Thank you in advance!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

The best solution I have ever seen is the new AI powered responsive video delivery by Cloudinary. Simply a game changer.