rhdorsey Posted October 30, 2019 Posted October 30, 2019 I am having some trouble getting the banner/background videos to play on mobile on the site I am working on for a small private school: www.applewild.org The vimeo link is here: I realize that Squarespace doesn't control whether the background video is shown on mobile devices - it is controlled by the mobile browser, and I have suggested to them that they change the resolution of the video to 720 instead of 1080 to see if that makes the video small enough for more mobile devices to process but they are pushing back, saying "to have beautiful high-res videos and not be able to share them is disappointing. The browsers that we've noticed aren't supporting the videos are actually on NEW phones, not old ones, so I don't think the problem is going to go away until there's a squarespace solution. I'd love to figure out a game plan for how to find a fix as soon as possible." I don't know what "fix" there is, other than what I've already suggested (and they haven't tried). The feature is not designed for high-resolution video streaming, I don't think. Has anyone encountered this issue or have any insight?
Featured Comment colin.irwin Posted October 30, 2019 Featured Comment Posted October 30, 2019 Actually, it is controlled at OS level rather than browser level. Android and iOS have both blocked autoplay background video until recent releases. The attributes needed for autoplay to work are autoplay muted playsinline The first two apply to Android and iOS, the third is iOS only. Even then there are numerous exceptions that can prevent autoplay from working. If the video has a soundtrack if the device is in Low Power or Battery Saver mode some browsers apply the muted attribute incorrectly and this blocks playback ..and others I'm Colin Irwin aka silvabokis. I've been a Squarespace designer & developer since 2013. You might want to check out my Squarespace Template Finder or read my Squarespace tips Speaking of tips, 💲I've got a tip jar. Feel free to throw a few quid into if you think I've helped you. If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free
rhdorsey Posted October 30, 2019 Author Posted October 30, 2019 Thanks, Colin! The three attributes you listed first, are those OS settings that I have no control over or are those setting that should be selected in Vimeo to make the video compatible?
Trevorjohnston Posted November 12, 2019 Posted November 12, 2019 I am having the same issues on my site but we’re half way there! Video background even plays on older iPhones but on iPhone Xs it won’t play at all on either Safari or Chrome. Phone is not in power saver mode. Video has no soundtrack. File is 720p and is only 13mb. We’ve tried both Vimeo and YouTube. Help! @colin.irwin How do you plug in those attributes you described? Any help or suggestions here would be super appreciated.
Jbomber Posted May 6, 2020 Posted May 6, 2020 Has anyone actually gotten video backgrounds on mobile to work successfully? I've reached out to Squarespace 3 times and each time they cite Vimeo and Youtube as the source of potential problems, but everything's been done to their specs, so I'm not sure what the problem is.
Suzanneras Posted May 6, 2020 Posted May 6, 2020 I wonder if there's already been some sort of follow-up or solution on the side of Squarespace on this matter. I still have the same problem, though to me this functionality is crucial and I need it to work. I tried to reach out to Squarespace a couple of times and all I got was the same simplified answers (which brings me back to the beginning). Is there someone who could really give an advise on how to solve this? Or is the only true solution to move to another website building service?
jentagenyc Posted May 7, 2020 Posted May 7, 2020 14 hours ago, Suzanneras said: I wonder if there's already been some sort of follow-up or solution on the side of Squarespace on this matter. I still have the same problem, though to me this functionality is crucial and I need it to work. I tried to reach out to Squarespace a couple of times and all I got was the same simplified answers (which brings me back to the beginning). Is there someone who could really give an advise on how to solve this? Or is the only true solution to move to another website building service? With mobile, it's 50/50. That's why the mobile fallback image is suggested, you could use a .gif to replicate a video-like effect but I've had video banners play on an iPhone XS but not on an iPhone 7 for example.
DVE Posted May 14, 2020 Posted May 14, 2020 Why isn't this figured out yet by Squarespace? Why can't you add these embed options in the header? I can add a video block with embed code that work.. So many people have answered this to Squarespace without any clear answer. Just that there 'are' exceptions..
squareface Posted May 29, 2020 Posted May 29, 2020 Hi, I've seen quite a few sites in which background video (autoplay, mute, filling screen) works fine on mobile. So it's clearly possible. But i can't get it to work on squarespace. Is there a workaround? Is a plugin required? Has anyone figured this out? Thanks in advance....
Guest Posted June 6, 2020 Posted June 6, 2020 Yes I have exactly the same issue. It was working now it’s just stopped. Why do we pay for a premium service on Squarespace and this happens my mobile site looks terrible I only noticed yesterday when I upgraded and edited the site
clockyer Posted June 6, 2020 Posted June 6, 2020 Snap...half way down our home page we have a video which doesn’t play, yet it plays when you preview mobile mode in edit! https://www.gsmcs.co.uk
michaelpissed Posted June 12, 2020 Posted June 12, 2020 This is clearly an issue that is not resolved and is not IOS or Android, browser, or even geographically related. The mobile fallback images do not even work. this needs to be resolved.
geminimoon Posted June 16, 2020 Posted June 16, 2020 Can you use an animated gif instead for mobile? Just an idea, I haven't tried it.
oRankin Posted July 2, 2020 Posted July 2, 2020 I'm a new Squarespace premium member and can't get a short background video to work on mobile. Works on desktop but not on iPhone11 / Safari or Chrome. Vimeo Premium acc: 720p / no sound.
MarcusAllen Posted July 3, 2020 Posted July 3, 2020 Exactly the same issues.. It was working perfectly on mobile for a while, with my Iphone 6, then I recentlyupgraded to the Iphone 11ProMax and its just a grey screen :( So So bad
Featured Comment Susana_SQSP Posted July 16, 2020 Featured Comment Posted July 16, 2020 Hey everyone, Thanks for posting about the issues you have encountered. I’d like to clarify that as it is stated in this Squarespace help article, video banners don’t always display on mobile. Their display depends on the visitor’s connection speed and browser version. That’s why it's recommended that a mobile fallback image is set. If you’re experiencing an issue where neither mobile fallback image nor video background is loading on mobile, please reach out to Squarespace Customer Support team directly for personalized assistance. For now, I am closing this post.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.