Jump to content

Mobile Banner Videos — Screaming Into The Void…

Recommended Posts

Likely this will filed automatically under "unanswered" but here goes…

A well documented flaw in Squarespace (still) is how video banners don't play on mobile.

Squarespace has a fairly misleading answer to this on their Support site:

Quote

While video banners using our design tips should display on computers, video may not always display on mobile devices, depending on the visitor's connection speed and browser version. Set a mobile fallback image to appear if the video banner can't load.

The reality is that banner videos won't, under any circumstances, play on a mobile device (that I've seen)

This a huge drawback to the platform that at least two other CMS (Content Management Systems) have seemingly solved — Cargo and WordPress.

Examples of these two working on mobile are here:

Obviously Squarespace provides a host of other wonderful features but as video becomes (I would say is) the common visual language it seems like something they should be able to devote some time and energy to fixing.

Fallback images are a poor substitute, especially if say, you are a video production company. GIFs as Fallback images while clever are large files and won't play nearly as smoothly.

Finally, what's really infuriating is they've gone to the trouble of solving this for their own marketing on their their 5to9 campaign site, the irony being they're selling the service with a feature you can't actually use on it.

C'mon guys.

Rant over.

Link to comment
On 7/28/2021 at 7:21 PM, jessepacker said:

Likely this will filed automatically under "unanswered" but here goes…

A well documented flaw in Squarespace (still) is how video banners don't play on mobile.

Squarespace has a fairly misleading answer to this on their Support site:

The reality is that banner videos won't, under any circumstances, play on a mobile device (that I've seen)

This a huge drawback to the platform that at least two other CMS (Content Management Systems) have seemingly solved — Cargo and WordPress.

Examples of these two working on mobile are here:

Obviously Squarespace provides a host of other wonderful features but as video becomes (I would say is) the common visual language it seems like something they should be able to devote some time and energy to fixing.

Fallback images are a poor substitute, especially if say, you are a video production company. GIFs as Fallback images while clever are large files and won't play nearly as smoothly.

Finally, what's really infuriating is they've gone to the trouble of solving this for their own marketing on their their 5to9 campaign site, the irony being they're selling the service with a feature you can't actually use on it.

C'mon guys.

Rant over.

They use this video tag config, you could try place it on an embed block?

<video autoplay="" loop="" muted="" playsinline="" preload="" disablepictureinpicture="" poster="https://media-www.sqspcdn.com/images/pages/featured-customers/dolly-parton/hero/mobile-poster-2-750w.jpg" src="https://media-www.sqspcdn.com/images/pages/featured-customers/dolly-parton/hero/mobile-2-500.mp4" type="video/mp4">
        </video>

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.