Play background video when entering view-port?

Site URL: https://heptagon-halibut-debs.squarespace.com

Hello!

I like the background video feature in which you can add background videos to sections, however, is there a way to play the video upon scrolling to it when it enters the viewport? Background videos auto-play by default, and I would like the video to play when the user eventually scrolls to it.

My website is just one of the templates on Squarespace, with a 4k video of Costa Rica video linked in one of the sections towards the bottom. How would I do this to that video as an example?

I have the same question! Does anyone know? 

Thank you @paul2009! This worked like a charm. It was bugging me so much so this helps.

Cheers!

Katie