Jump to content

Video background is not working as expected in Five template on iOS.

Recommended Posts

Using the Five template, video backgrounds don’t play on 2018 or later model iPads in iOS 12 and iPad OS.

The fallback image isn’t showing. It’s just the background color nothing else. There seem to be something wrong with the template it self. Older model iPads and ALL iPhones do show video backgrounds correctly.

See for yourself at https://www.kasuja.nl
You are welcomed by a video background if you visit the site on a desktop or laptop, any iPhone or all iPad models from before 2018.

I am passionate about visual storytelling and I use the power of illustration and animation to explain ideas, provoke emotions & engage the public.

Link to comment
  • Replies 6
  • Views 1.7k
  • Created
  • Last Reply

What did Squarespace Customer Care say when you contacted them?

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment

They simply told me its not a Squarespace related problem but an Apple (iOS) related problem. But I doubt that. Some samsung devices have the same issue.

I hoped iPad OS that acts as full blown Safari would solve the issue on iPad OS beta but that is not the case.

I am passionate about visual storytelling and I use the power of illustration and animation to explain ideas, provoke emotions & engage the public.

Link to comment

Thnx for your reply, Do you mean the url?

The URL: www.kasuja.nl (site is forwarded to my own domain)

I am passionate about visual storytelling and I use the power of illustration and animation to explain ideas, provoke emotions & engage the public.

Link to comment

Thnx for your reply, Do you mean the url?

The URL: www.kasuja.nl (site is forwarded to my own domain)

I am passionate about visual storytelling and I use the power of illustration and animation to explain ideas, provoke emotions & engage the public.

Link to comment

Squarespace don't control whether a background video is shown on mobile devices - it is controlled by the mobile device's browser.

In the past, mobiles would not load background videos but this changed recently because devices are now powerful enough to display them and an increasing number of networks (4G/5G/WiFi) are fast enough too.

If you want to change the behaviour, for example you want to force the fallback image, you'll need to add some code. The specifics will depend on the behaviour you want to see.

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment

@Paul2009 How can you force a 2018 model ipad Pro to dispaly video backgrounds. Mutch less powerfull iPads and iPhone have no trouble playing video backgrounds.

I am passionate about visual storytelling and I use the power of illustration and animation to explain ideas, provoke emotions & engage the public.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.