rhdorsey Posted October 30, 2019 Share 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? Link to comment
Featured Comment colin.irwin Posted October 30, 2019 Featured Comment Share 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 writing a date localiser plugin - Check out the proof of concept on YouTube and let me know what you think of it You might want to check out my Squarespace template finder Or have a look at my other Squarespace tips Looking for a Squarespace developer,? Book a chat or Drop me a line Link to comment
rhdorsey Posted October 30, 2019 Author Share 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? Link to comment
Trevorjohnston Posted November 12, 2019 Share 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. Link to comment
Jbomber Posted May 6, 2020 Share 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. Link to comment
Suzanneras Posted May 6, 2020 Share 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? Link to comment
jentagenyc Posted May 7, 2020 Share 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. Link to comment
DVE Posted May 14, 2020 Share 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.. Link to comment
squareface Posted May 29, 2020 Share 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.... Link to comment
RPAauswebsite Posted June 6, 2020 Share 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 Link to comment
clockyer Posted June 6, 2020 Share 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 Link to comment
michaelpissed Posted June 12, 2020 Share 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. Link to comment
geminimoon Posted June 16, 2020 Share Posted June 16, 2020 Can you use an animated gif instead for mobile? Just an idea, I haven't tried it. Link to comment
oRankin Posted July 2, 2020 Share 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. Link to comment
MarcusAllen Posted July 3, 2020 Share 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 Link to comment
Featured Comment Susana_SQSP Posted July 16, 2020 Featured Comment Share 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. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.