Slider Revolution Background Video Doesn't Play On Mobile


#1

Hello,

I have an mp4 background hero video displayed via Slider Revolution. After routing the site through CloudFlare, the video doesn’t load at all on mobile devices, both Safari and FireFox.

Can anyone help out as to what might be causing this issue?


#2

I can’t figure out how to edit this post, but the site is bga-sports.com


#3

Works on my end.

It first requests https://dev-bga.jpn.org/wp-content/uploads/2018/07/bga-video.mp4, which fails with a 404, then https://www.bga-sports.com/wp-content/uploads/2019/01/bga-video_4.mp4 which works and displays.


#4

I have the same problem. When I started using CloudFlare the video in the background does not play anymore on Safari and iPhone/iPad (Safari and Chrome). Video plays on Firefox on Mac/Win, Chrome (Mac, Windows, Android).
I have a replicate website without HTTPS on my server and a subdomain. This website is on CloudFlare as well but this website can play the video. I notice that the video link directly cannot be played on Safari on Mac. When I play the exact same video locally on Safari on Mac it does play so the video format is probably correct.


#5

Test this by turning off Mirage. Then clear all caches (cloudflare’s, and your browsers’). Then see if the background loads.