Unable to play videos – No Access-Control-Allow-Origin header error

Greetings FV Team!

I am still having errors with videos playing on my website. The CORS and crossdomain policy have been set/update carefully by your team and cloudfront cache was fully cleared, upon pro support request.

All videos are playing fine once (without any errors in the console), but then when we come back to it (either by reloading the page in ajax, refreshing the page or by leaving the page and coming back), the video won’t play and we get this error in the console:
No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://www.staging.harp-school.com’ is therefore not allowed access.

This only happens on Chrome (tested with latest Chrome on Win 10 and Mac OS 10.11). This is very annoying since 50% of my users are on chrome…

The only way I get to play the videos once again is after refreshing the page with a browser clear cache plugin. I have disabled my caching plugins (SG Supercacher and WP Rocket) but issue is the same. Even pausing cloudflare doesn’t change anything. So I’m not sure why clearing browser cache make the video work again once…

Here is a video capture of the issue:
https://screencast-o-matic.com/watch/cbQvQMIxsL

Can you help please? Thank you in advance!

Martin