#Videos dont work on cloudflare in safari but work directly to origin

13 messages · Page 1 of 1 (latest)

magic gyro
#

I'm at my wits ends here but somehow videos are completely broken on safari and no other browser when using Cloudflare's CDN cache. Here's an example asset https://assets-6q6a85ng7vx.puter.site/previews/spreadsheet/3e4c0bd7-7e19-4c61-a71d-7a6a767cd172.webm

the same resource accessed directly WITHOUT cloudflare's involvement works fine
https://assets-6q6a85ng7vx.puter.dev/previews/spreadsheet/3e4c0bd7-7e19-4c61-a71d-7a6a767cd172.webm

how can this be fixed? this seems like cloudflare has had this issue since 2016 from blog posts. I already tried disabling compression on videos as one person recommended on https://community.cloudflare.com/t/videos-not-playing-on-safari-ios/837502

Other people have had the same issue at
https://community.cloudflare.com/t/mp4-wont-load-in-safari-using-cloudflare/10587?page=2
https://community.cloudflare.com/t/videos-on-website-dont-play-only-affects-ios-users/569261
https://www.reddit.com/r/CloudFlare/comments/12x69b1/videos_not_working_on_apple_devices_and_safari_at/

image.png
▶ Play video
▶ Play video
#

I also see that the CDN is sending 200 on the range request with the FULL body while directly range headers work

magic gyro
pliant gorge
magic gyro
#

I use nginx and tried this but didn't have any luck disabling gzip unfortunately

robust mauve
#

Disable the CDN cache

#

Also keep in mind you’re breaking tos by serving video

magic gyro
#

why does cloudflare cache that mimetype if it violates TOS anyways? I'll disable it for videos

robust mauve
#

because it doesn't matter if you cache it or not + enterprise clients

#

disabling cache is to fix your issue

magic gyro
#

here are the rules I set now

image.png image.png
#

it does seem that fixed the issue

#

thanks