Directly upload a video to Squarespace without Youtube

By David Nge • Last Updated: May 17, 2022

Here's a step-by-step guide on how to upload videos directly to Squarespace without relying on Youtube, Vimeo, or any other third-party platforms.

At the moment you can only add Youtube or Vimeo videos to Squarespace video block.

This guide will show you how to work around this limitation and upload videos that you make onto the site.

Let's dive right in.

How to upload a video to Squarespace

First, login to your Squarespace account and select a site to edit.

Select a site to edit
Select a site to edit

In your site dashboard, select EDIT to start making changes to the page.

Edit the site
Edit the site

In order to upload a video (or any file for that matter), we need add a button to the page.

Hover to a section where you want to add the button (), select an insert point and select Button from the menu.

Add a button to Squarespace
Add a button to Squarespace

Click on the gear icon (⚙️) and select File from the side panel.

Select the gear icon
Select the gear icon
Head to the file tab
Head to the file tab

Then upload a new video file.

Upload a new video file
Upload a new video file

Important: The maximum video file size you can upload is 20mb so be sure to compress your videos prior to the upload.

Also, the supported video file format on Squarespace are .mp4, .m4v, and .mov.

Once you've uploaded the video, click the ✓ check mark and hit Save.

Check the video you've uploaded and click save
Check the video you've uploaded and click save

You should see the URL of the video file, now save the page.

Save changes to the page
Save changes to the page

Then right click on the button (that you've just added) and select Copy Link Address. This is the URL of your video file that was uploaded to Squarespace.

Copy the video URL
Copy the video URL

Paste it in an editor or notepad, you will need this soon.

Next, copy the following code to the notepad as well.

<video style="width: 100%" controlsList="nodownload"
  src="XXXXXXXXX">
    <source type="video/mp4" >
  <body oncontextmenu="return false;">
</video>

Replace XXXXXXXXX with the URL of the video that you uploaded to Squarespace.

The end result should look like this:

Code to display uploaded video on Squarespace site
Code to display uploaded video on Squarespace site

We will now embed this code to your Squarespace site to display the video.

Now head to the section where you want to add the video select an insert point and select Code from the menu.

Add a new code block
Add a new code block

Paste the code from earlier into the editor.

Add the code to the editor
Add the code to the editor

Once you've added the code, Squarespace will automatically reload and your should see the video on your site.

The video should display on the site after the code is added
The video should display on the site after the code is added

Save the changes you've made to the site.

Save changes to the site
Save changes to the site

That's it! You've successfully uploaded a vide on Squarespace, all without relying on third party platforms like Youtube or Vimeo.

Video upload to Squarespace success!
Video upload to Squarespace success!

If you want to add an autopaly video to your site. Follow this article instead.

Frequently Asked Questions

Can I directly upload a video to Squarespace?

Yes you can, you can either upload a video as a section background or upload the file on Squarespace and embed the video as a code block.

Is there a size limit to the video I upload to Squarespace?

You can upload a maximum of 20mb video file to Squarespace. If you're uploading a video as a section background, you can upload a video with a maximum length of 60 seconds.

What video file format is supported on Squarespace?

The supported video file format on Squarespace are .mp4, .m4v, and .mov.