How to Embed a Video in Squarespace
To embed a video in Squarespace, click Edit, click Add Block and choose Embed, then click the pencil icon and paste your YouTube or Vimeo link. Pasting a link is more reliable than pasting embed code, because Squarespace handles the responsive sizing for you.
Embed or upload? Embed, nearly always
Squarespace can host video natively, and for most sites it's the wrong choice.
A hosted video is a large file served from your site, eating storage and slowing the page. An embedded video from YouTube or Vimeo streams from their infrastructure, adapts quality to the viewer's connection, and costs your page almost nothing until someone presses play.
Embedding also gets you their player, their captions and their analytics for free, plus your video keeps working if you ever move platforms.
The case for native upload is narrow: a short background clip with no player controls, or a client who genuinely can't have the content on a public platform. For a video background, native upload is the right call. For anything with a play button, embed it.
Adding the embed block
Click Edit on your page and go to the section where the video belongs, or click Add Section and pick Blank if you're starting fresh.
Click Add Block and scroll to Embed. Drop it in and resize it to fit your layout.
Click the pencil icon to open the embed settings. You'll see two options: Link and Code Snippet.
Use Link. Paste the plain YouTube or Vimeo URL and Squarespace fetches the video and handles responsive sizing automatically. Code Snippet is for when a platform gives you an iframe that Squarespace doesn't recognize, and it's more brittle because you own the sizing.
Save the block and the page.
Making it look intentional
An embedded video dropped straight into a page usually looks like an embedded video dropped straight into a page. A few things fix that.
Constrain the width. A full-bleed 16:9 video on a wide desktop screen is enormous, and the content around it stops feeling designed. Two thirds of the content width is usually plenty.
Put it in a section with real padding above and below so it isn't crammed against text.
And turn off related videos where the platform allows it, so you're not advertising your competitors when the video ends.
Page speed and privacy
Even an embed has a cost. A YouTube iframe loads scripts and sets cookies as soon as the page loads, whether or not anyone watches.
Two things help. Use the privacy-friendly domain, youtube-nocookie.com, which is what runs on this site and stops tracking cookies being set before someone presses play. And if you have several videos on one page, consider loading a thumbnail that swaps for the real player on click, which is how the videos on this blog work.
That second one needs custom code, which is a small code support job and worth it on any page carrying more than a couple of embeds.
When the embed won't show up
Check the video isn't private or unlisted with embedding disabled, which is the most common cause and invisible from your side because you're logged in.
Check the URL is the plain watch link, not a share link with tracking parameters, and not a link into a playlist.
If you used Code Snippet, check the code starts with an iframe tag and that its src uses https, since http content is blocked on a secure site.
And if it appears but overflows on mobile, that's the sizing problem you get with Code Snippet. Switch to Link and let Squarespace handle it.
Frequently asked questions
Should I upload video to Squarespace or embed it?
Embed, for almost everything. Uploaded video eats storage and slows the page, while embeds stream from YouTube or Vimeo and cost you almost nothing. Native upload only really wins for silent background clips.
Why is my embedded video not showing on Squarespace?
Usually the video is private or has embedding disabled, or the URL has extra parameters on it. Try the plain watch link first.
How do I make an embedded video responsive?
Use the Link option rather than Code Snippet and Squarespace sizes it for you. Pasted iframe code keeps whatever fixed dimensions it came with, which is what breaks mobile layouts.
Do embedded videos hurt page speed?
Less than hosting them yourself, but they're not free, since the player loads scripts on page load. Use youtube-nocookie.com and lazy-load the player if you have several on one page.
Want video that loads fast and looks like part of the design rather than a bolted-on player? Book a free call.
I'm Dylan, the designer behind Highr Labs and a Squarespace Circle Platinum Partner. I build custom Squarespace sites for businesses in Utah and across the US. More about me, or book a free call if you want to talk through a project.
