Jump to content

How can I disable fall back image from appearing on desktop at the beginning

Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

If you head to my page (link in signature), there's a link to my codepen. I think I have something called fallback delay, or something similar to that.

It hides the fall back image for a few seconds while the video loads, so you don't get the flash of the image as the video starts.

You will need to set the background color that you want, because that is what you will see as the video loads.

If the video fails to load, the fallback image will show after the timer runs out. It should work, I don't think squarespace has changed the class name for the image, but I haven't tested it recently.

Link to comment

Perhaps i am missing something - I go to https://codepen.io/r-w-p/pen/xxZeRMq and there is only JS code.  Squarespace requires CSS. Please advise bc my fall back keeps showing on desktop too. 

Side note - since adding a fall back for mobile, my mobile won't play the video at all. Any advice?

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.