Make a Video Autoplay on Squarespace

If you’ve added a video to your Squarespace site and want it to autoplay when someone scrolls past, you’re in the right place. 

In this post, I’ll walk you through exactly how to set up autoplay for videos on Squarespace and share some best practices for using autoplay without annoying your visitors.

Watch the video

Check out the YouTube video below 👇

Six Figure Design Club framework for designing a perfect homepage

Want a framework for designing the perfect homepage?

Why Use Autoplay for Video?

Autoplay can be a powerful way to grab attention and make your site feel more dynamic. Whether you’re showcasing a product, a process, or a creative project, having a video play automatically helps ensure no one misses it.

That said, there are a couple of important things to keep in mind:

  • Videos must be muted to autoplay

  • Autoplay should be used tastefully to avoid overwhelming users

Let’s walk through how to set this up.

How to Set Up an Autoplaying Video in Squarespace

  1. Add a Video Section

  • Navigate to your Squarespace editor

  • Scroll to where you want the video to appear

  • Click Add Section, then choose Video

add a video section on squarespace

2. Adjust Video Settings

  • Double-click the video block

  • Toggle Mute Video (this is required for autoplay to work)

  • Enable Autoplay

  • Enable Loop so the video doesn’t stop and show a replay button

adjust video settings on squarespace

3. Turn Off Play Controls (Optional)

If you want the video to feel more like a visual design element than an interactive player, turn off the play controls

This creates a cleaner, more immersive experience

turn off player controls on squarespace videos

Save Your Changes

  • Click Save and preview your site

  • The video should autoplay, loop continuously, and act more like a visual feature.

Optional: Customizing Video Controls

If you do want some form of video controls, Squarespace offers two options:

  • Minimal Controls: Shows a play/pause button and timeline on hover

  • Full Controls: Includes timeline, play/pause, volume, settings, and fullscreen options

To enable these:

  • Double-click your video

  • Under Play Controls, choose Minimal or All

  • Click Save to update the section

You can experiment with these to see what fits your design best.

Best Practices for Autoplay Videos

  • Always mute autoplay videos

  • Use loop for a smoother experience

  • Avoid full controls unless the video is essential viewing

  • Consider loading performance - compressed or short videos are better

  • Test on mobile to ensure responsiveness

Final Thoughts

Autoplay videos in Squarespace are a great way to add energy and motion to your site, especially when used decoratively. With just a few clicks, you can set up a looping, muted video that plays automatically as visitors scroll.

book a call with sam crawford squarespace expert

Need an expert to build your Squarespace website?

Book a free kick-off call with our team to discuss your project requirements in detail.

Previous
Previous

How to Set up a Squarespace FAQ Accordion

Next
Next

How to Add Conditional Logic to Squarespace Forms