Custom Play Button for Video

Hi all.
Trying to make a video portfolio page and when I place the video in the page the play button takes over the size of the thumbnail.

Anyone help me with custom code to change the play button? I haven’t seen any successful code on the forum.

Thanks!

The ‘no code’ route would be to upload your own thumbnail (using Picture-w) and place it on top of your video. Next, add click opacity animation to the video, make the image the trigger.

Lastly, add another click animation, this time to the image itself, make it go opacity 0 when clicked.

Hey samus, this was quite a great suggestion to make a ‘diy lightbox’. Is there a way to ‘exit’ out the animated video window so it goes back to that initial picture? I’m building out my portfolio now and I have multiple pictures on one page and I’d like for the picture click to have a video pop up and when audience click elsewhere for it to close down so they can look around the rest - if that makes sense. I’m not on a paid version right now so wondering if that’s the issue. I’m planning on to once my squarespace sub is out.

Have not tried it but sounds fairly easy to achieve.

Try adding a big shape as the background of the ‘lightbox’ and set it as another trigger for the animation. This way, when clicked, it will revert the animation to the initial state.