Make background videos work on all mobile devices

Site URL: https://elephant-quillfish-ct6l.squarespace.com

Password: Pineapple

Hey folks

I have added a background video to this site https://elephant-quillfish-ct6l.squarespace.com and reduced it to fit on mobile a little better. 

The problem I have is that it isn't playing on mobile and just shows the fall back image?

Any ideas?

Actually after another search I have found that it might be down to connection speed and isn't always going to show on mobile.

Is there another way?

Video banners don’t always display on mobile devices and it can sometimes feel like hit and miss because there are so many (constantly evolving!) factors that affect whether the video will play. Some are OS based and others are browser based, including connection speed, battery level and video embed attributes.

If the fallback image loads in place of the video, it's probably one of these factors. However, if neither the image or the video loads, you may want to reach out to Squarespace Customer Care to help you troubleshoot.

@paul2009 I'm having the same issue of banner video not playing on mobile (This site PW: letmein).

My client pointed out this site's banner video does play on mobile. Granted, this is a WP site but it makes me wonder why does this work on WP and not SS?

Maybe there's some other way to get the appearance of a background video on mobile with SS... perhaps a .gif (as backup image) to give the appearance of a video? 

Any thoughts?

Thanks. 

@paul2009Update... I converted the video to a .gif and loaded it as the back up image... seems to be working well.

Hi. I’m struggling with a problem, all was great before but recently started to be a real problem. Background videos do not play on 50% mobile devices while on other 50% they do work great. Either autoplay do not work or it’s just black screen, with the same browser. Is there a turnaround?

Website example: https://www.piconstruction.ca

Password: 123

Thanks,

K

You can consider adding a fallback image, if video doesn't play, it will show an image instead

On 1/13/2023 at 2:08 PM, tuanphan said:

You can consider adding a fallback image, if video doesn't play, it will show an image instead

Thanks, is there a reason why videos play on some devices and on some don't?

48 minutes ago, kirillillenkov said:

is there a reason why videos play on some devices and on some don't?

It is impossible to pinpoint the cause without extensive testing on different devices however I can tell you that Squarespace background videos can play on mobile devices. Background video playback can be affected by the phone's settings and status, including

• phone accessibility settings
• if power save mode is enabled
• if the battery is low
• if the cellular signal is low

Did this help? Please give feedback by clicking an icon below  ⬇️