Video overlay not showing on mobile

Hey everyone, 

I have an odd issue I'm struggling with. If you go to my site (https://be-and-become-coaching.squarespace.com), the section above the footer is a video with a colour overlay. This colour overlay displays properly on desktop as well as Squarespace's mobile preview. However on an actual mobile device, the overlay isn't showing up. 

Has anyone experienced this issue? I tried both safari and chrome mobile browsers and both show up the same way. 

Any help would be greatly appreciated. Thank you!

Hi,

It shows fine to me, Chrome/Samsung

Thats so strange! I've tried chrome/safari browsers for different iphones and it doesn't show up! Any idea what the problem could be? @tuanphan

Hi guys, I have the same problem. As soon as I add a video as a background in my section and add an overlay, it doesn't show up on my smartphone. In the web browser it works on mobile view. Does anyone have a tip or idea how I can solve this problem? 

I am having the exact issue right now, I've never seen it before on other projects

I've tested on chrome android, seems to be working,  I'm seeing what Tuanphan is seeing.

Seems like a few people are seeing the same issue, can you all contact SquareSpace Customer Care Support to raise a ticket?

As we can't help with technical issues on the forum here, you'll need to speak to SquareSpace. 

In the meantime, you could try this . Or please share your website url so we can check.