Background video cutting out when bottom of page hit

I have put a background looping video on my site which works almost perfectly. The only issue is that it cuts out when I reach the bottom of the page and only resumes again when I scroll back to the top. Does anyone know how I can fix this?


Here is my site Read-Only: Webflow - Tinpauls Pictures
(how to share your site Read-Only link)