Video as a link

I have a video preview that autoplays using the built in player and I have hidden all controls and put it on a loop. How do I do what is done here:

[https://www.altcinc.com/](https://www.altcinc.com/)

So that I can load on request and have a preview image and navigate to another page on click? I have been searching for plugins for hours but cant find anything.

At the very least I would like to be able to click the video and go to another url.

Thank you for any help.

3 Comments
  1. Not entirely sure what part of that page you are trying to emulate. The background video?

    For the videos themselves they’re using Vimeo.

  2. Doesn’t auto play on mobile.

    Wrap it all in an a tag. Are you using a builder? A lot of them have section/module links.

    Short of that, a tiny jQuery function can do this for you

  3. If you inspect it you will see exactly how they do it. They literally just have an <a> tag, inside of it they have a div with a <video> 5 second mp4 autoplaying muted, and then a totally separate <img>. They are just changing the opacity of items on a:hover so you can see the video over the photo.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer