Jump to content

CSS code video background

Recommended Posts

Hello there ! :) 

I need help with my website, I have a background video on the home page and I would need this video to not loop and stop when its over on the last image of it, and I would also need to switch to a fix image when its on mobile phone

Can anybody help me with that ? 

Thanks a lot !


Link to comment
  • Replies 3
  • Views 848
  • Created
  • Last Reply

This plugin will get you most of the way. https://www.squarewebsites.org/products/background-videos-utils

It forces the mobile fallback image to show when video is preloading on desktop. The fallback will also show on mobile. 

I don't think it turns the loop control off but the author of the plugin @michaeleparkour can confirm that. 

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome 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  


Link to comment
  • 10 months later...


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.