Embed video without YouTube ads or buffering. Try SmartVideo free →

How to Make a Video Autoplay on Squarespace (2026)

Learn how to make videos autoplay on Squarespace in 2026. Covers native uploads, YouTube/Vimeo embed parameters, SmartVideo tags, and background video sections.

How to make a video autoplay on a Squarespace website
📋
TL;DR
Muted is Mandatory: Browsers like Chrome and Safari block autoplay unless the video is muted (Google Developers, 2024).
Squarespace 7.1 Native: Upload your video, toggle "Mute" ON, then toggle "Autoplay" ON in the Video Block settings.
Third-Party Embeds: Add ?autoplay=1&mute=1 to the end of your YouTube or Vimeo embed URLs.
The Fast Solution: Use SmartVideo to automate autoplay across all browsers without slowing down your site.

Adding video to your Squarespace site is one of the best ways to grab attention. In fact, 91% of businesses currently use video as a marketing tool (Wyzowl, 2026). Even more impressively, companies using video on landing pages see 34% higher conversions (DesignRush, 2026).

But nothing is more frustrating than setting a video to autoplay, only to have it sit frozen behind a "Play" button when a visitor lands on your page.

In 2026, web browsers are stricter than ever about autoplay. To protect users from unexpected noise and high data usage, browsers like Chrome, Safari, and Firefox will block any video that tries to play with sound automatically. If you want your Squarespace video to play on load, it must be muted.

Here is the complete guide to making your videos autoplay on Squarespace, whether you are using native uploads, YouTube embeds, or professional hosting like Swarmify. If you're just getting started, you might also want to check our basic guide on how to add videos to your Squarespace website.

ℹ️
What is Autoplay? Autoplay is a browser feature that allows a video to start playing immediately when a webpage finishes loading, without requiring the user to click a play button. To function in modern browsers, autoplaying videos must almost always be muted by default.
A laptop showing a modern Squarespace website design
Photo by Wahid Khene on Unsplash

1. Autoplay for Native Squarespace Video Uploads

If you are using Squarespace 7.1, you can upload video files directly to your site. This is the most straightforward method, but it comes with file size limits that can impact your page load speed.

To enable autoplay for a native upload:

  1. Add a Video Block to your page.
  2. Upload your video file (or select one from your library).
  3. Once uploaded, click the Edit (pencil) icon on the block.
  4. Scroll down to the Video Settings.
  5. Toggle "Mute" to ON. (Crucial: Autoplay will not work without this).
  6. Toggle "Autoplay" to ON.
  7. (Optional) Toggle "Loop" to ON if you want the video to repeat indefinitely.

By default, Squarespace will hide the player controls when autoplay is enabled to create a seamless, background-like effect. Don't forget to add a Custom Featured Image as a fallback in case the visitor has a slow connection.

2. Autoplay for YouTube and Vimeo Embeds

Many users prefer to host their videos on YouTube or Vimeo and embed them on Squarespace. To make these autoplay, you can't rely on the standard Squarespace block toggles—you need to modify the embed URL manually.

For YouTube:

When you paste your YouTube URL into a Video Block or a Code Block, you need to add specific parameters to the end of the link. If your URL is https://www.youtube.com/embed/VIDEO_ID, change it to:

https://www.youtube.com/embed/VIDEO_ID?autoplay=1&mute=1&playlist=VIDEO_ID&loop=1

Note: YouTube requires the playlist parameter to be the same as your VIDEO_ID for the loop function to work correctly.

For Vimeo:

Vimeo follows a similar pattern. Add the following to your embed URL:

https://player.vimeo.com/video/VIDEO_ID?autoplay=1&muted=1&loop=1

If you are using the standard Squarespace Video Block with an external link, look for the "Video Settings" section. Sometimes Squarespace can pass these parameters through, but using a Code Block gives you more reliable control over the final output. This is especially true if you are comparing different video hosting platforms for your business.

3. Autoplay with SmartVideo (The Professional Way)

If you want a guaranteed autoplay experience that loads instantly and keeps your brand front-and-center, SmartVideo is the robust alternative to YouTube. It handles browser restrictions automatically so you don't have to fiddle with parameters.

To add an autoplaying SmartVideo to Squarespace:

  1. Add a Code Block to your page section.
  2. Paste your SmartVideo snippet (generated in your Swarmify dashboard).
  3. Add the autoplay and muted attributes directly to the tag.

Your code will look like this:

<smartvideo src="YOUR_VIDEO_URL" width="100%" height="auto" autoplay muted controls></smartvideo>

SmartVideo automatically serves the optimal format for every device and ensures the video plays immediately, even on mobile devices where standard embeds often fail.

🚀
Ready to publish your video?
Once your content is ready, you need fast, reliable hosting. See Swarmify's video hosting solutions

4. Using Background Videos (Banners and Sections)

If you want a video to play behind your text in a page section, Squarespace makes this easy. Background videos are automatically set to autoplay, mute, and loop by default because they are treated as design elements rather than primary content.

To add a background video in Squarespace 7.1:

  • Click Edit on the page.
  • Click Edit Section on the section where you want the video.
  • Click the Background tab.
  • Select Video.
  • Upload a file or paste a YouTube/Vimeo link.

Squarespace handles the technical heavy lifting here, but be careful—large background videos can significantly hurt your Core Web Vitals and SEO rankings if they aren't compressed properly.

An iMac displaying a high-quality photography website
Photo by Pictime on Unsplash

Squarespace Native vs. Third-Party vs. SmartVideo

Choosing the right method for autoplay depends on your priorities. Native uploads are easy but slow. YouTube is free but comes with "related videos" that distract your visitors. SmartVideo offers a middle ground: professional performance without the complexity.

FeatureNative UploadYouTube/VimeoSmartVideo
Autoplay ReliabilityGood (7.1 only)InconsistentConsistent
Loading SpeedSlowMediumFast (CDN-backed)
Mobile SupportLimitedLimitedFull Support
BrandingCleanYouTube Logos/AdsYour Brand Only

Why Your Squarespace Video Isn't Autoplaying

If you've followed the steps and your video still won't play, check these common culprits:

  • The Video is Unmuted: As mentioned, the vast majority of autoplay failures are caused by having the sound turned on. Browsers will simply kill the process.
  • Mobile Low Power Mode: Most iPhones and Android devices will disable autoplay if the phone is in battery-saver mode to conserve energy.
  • Slow Connection: If your video file is too large (like a 4K file uploaded natively), the browser may time out before the video can even begin to play. Always compress your video size before uploading.
  • Browser Settings: Some users have high-security browser extensions or settings that block all forms of autoplay regardless of site configuration.

By the way - if you need a YouTube alternative for your Squarespace website, Swarmify SmartVideo gives you full control without ads, distractions, or complicated embed parameters. It automatically optimizes your video for every browser and device, ensuring your autoplay works exactly as intended. For a complete comparison, see our guide to video hosting for business websites.


Frequently Asked Questions

Can I autoplay video with sound on Squarespace?

Technically, no. Modern browser policies (Chrome, Safari, Firefox) prevent videos from playing with sound automatically to avoid disruptive user experiences. You must set the video to muted for autoplay to function reliably across all devices.

Does autoplay work on mobile devices?

Yes, but it is more restricted. Mobile browsers like Safari on iOS will only autoplay if the video is muted and the device is not in Low Power Mode. If the battery is low, the device may require a manual tap to play the video.

Why does my autoplay video have a play button?

If you see a play button, the browser has blocked the autoplay attempt. This usually happens because the video is not muted, the connection is too slow, or the user has personalized browser settings that disable all autoplaying media.

Is there a limit to native Squarespace video uploads?

Yes. Squarespace typically limits native video uploads to 30 minutes of total video per site on basic plans, with individual files needing to be under a certain size limit. For high-volume video, professional hosting is recommended.

How do I make a YouTube video autoplay in a Code Block?

You must add ?autoplay=1&mute=1 to the end of the URL within the iframe src attribute. For example: src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1&mute=1". Without the mute parameter, most browsers will block the autoplay.

Will autoplaying videos slow down my website?

Yes, autoplaying videos can impact performance because they start downloading data immediately. To minimize this, use a specialized video CDN or compress your files as much as possible before uploading them to Squarespace.

Do background videos autoplay automatically?

Yes. In Squarespace, background videos used in banners or sections are programmed to autoplay, loop, and play without sound automatically. They are treated as decorative elements rather than standard video content.

Can I use autoplay for promotional banners?

Yes, using autoplay for hero banners is a common design choice. Just ensure the video is short and well-compressed to prevent it from delaying the rest of your page content from loading (Google Web Vitals, 2024).

Does Squarespace 7.0 support native video autoplay?

Squarespace 7.0 has more limited native video support compared to 7.1. In many 7.0 templates, you may need to use a Code Block or enable "Ajax Loading" in your site styles to get external autoplaying embeds to work consistently.

What is the best format for Squarespace video?

The industry standard for web video is MP4 with H.264 encoding. This provides the best balance between quality and file size, ensuring your autoplaying videos start quickly and play smoothly on all browsers.