MP4 videos behind CloudFlare won't play in any browser

Hi!

I’m having trouble playing MP4 videos hosted on Firebase on a CloudFlare enabled domain. There are a lot of similar questions online, mostly regarding only Safari. No proper answers though, plus I’m having trouble in every browser.

Here’s the video on a single Firebase hosting, on two domains (one with and other without CloudFlare):
CloudFlare + Firebase: https://staging.futourist.io/assets/homeBackgroundVideo.mp4
Firebase-only: https://futourist-mvp-production.firebaseapp.com/assets/homeBackgroundVideo.mp4

Using Page Rules I tried disabling caching (bypass), disabling Automatic HTTPS rewrites and a few other things, but nothing worked.

Comparing headers I see that the “etag” header is not being forwarded by CloudFlare. Could that be the issue? There is an offical article about etags on CloudFlare (can’t link, I’m a new CF community user). Not sure why CloudFlare isn’t forwarding my etags, since Firebase automatically gzips all files and I disabled Email obfuscation as well as Automatic HTTPS Rewrites.

Here’s my headers: (sorry for images, but I can’t add more than 2 links per post since I’m a new CF community user)

FIREBASE ONLY


CLOUDFLARE + FIREBASE


Have you seen this thread?

I did see this thread, but it was closed before a solution was given. It could be the same problem, but I tried everything in the answers and it did not solve it for me.

This topic was automatically closed after 14 days. New replies are no longer allowed.