Cloudflare proxy / Mp4 video not working safari

Hey,
I am dealing with this problem. When i’m on safary or some iOS device, the video doesn’t play. i give play, and it’s blank. issue is due to the Cloudflare proxy and we have found this suggestions from the Cloudflare docs.

the problem it’s here: Augusta's #1 Party Bike and Tavern Tours | Pedal Pub Augusta
(is a wordpress multisite)

Doing something like this:

  1. Creating a page rule:
*www.pedalpub.com*/*/*.mp4*
Cache Level: Bypass
  1. adding this rule on my .htaccess
    SetEnvIfNoCase Request_URI . (?:mp4|ogv|webm|mp3)$ no-gzip dont-vary

  2. Creating this NGINX Config on my roundCloud account:
    type: location.main

location ~ \.mp4$ {
   expires max;
   add_header Cache-Control public;
   add_header ETag "";
   gzip on;
   gzip_http_version 1.1;
   gzip_vary on;
   gzip_comp_level 6;
   gzip_proxied any;

   # Fix cloudflare by removing the mp4 settings
   gzip_types text/plain text/html text/css application/json application/javascript application/x-javascript text/javascript image/jpeg image/png image/svg+xml application/application/x-font-ttf application/x-font-truetype application/font-woff application/font-woff2 application/vnd.ms-fontobject;
}

unfortunately none of the above has worked for me.

Anyone can help? thanks!

2 Likes

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.