A Beginner’s Guide to Squarespace Video Blocks
Video content blocks are not related to video collections. To learn more about video collections, visit a beginner’s guide to Squarespace Video Collections
Share your creative content with your website visitors using Squarespace video blocks!
When it comes to adding videos to your website, Squarespace video content blocks are your go-to tool. This content block can be used to showcase your amazing video content directly on any page.
It's super simple to use - just upload your video file or paste a link from Youtube or Vimeo, and voila! Your video will be ready to entertain and inform your visitors.
You can add a title and description to give visitors a quick idea of what the video is about.
How to add a video block to Squarespace
Select edit on the top left-hand side of your website preview.
Click the add block option on a page section, or the plus sign inside classic editor.*
Select the video option form the list of content blocks
Double click on the content block, or click once and select the pencil icon to open the content block editor.
Click the plus sign to add your video. You can upload a video directly to Squarespace, select one you have already added to your asset library, or add a link to a video that exists on Vimeo or YouTube.
If you are using a Vimeo or YouTube link, make sure the video is accessible using the video settings in that platform. Unlisted YouTube videos can be added, private YouTube videos can not.
You have the option to upload a custom thumbnail image that will be placed over the video until the video block is clicked on to be played.
There are additional video settings available for video content uploaded directly to Squarespace. These settings include mute, autoplay, and loop. For accessibility reasons, you can only use the autoplay feature when you have enabled mute.
*Classic editor is used by blog posts, additional product details, individual events, and sites built on version 7.0 Learn more inside Squarespace Made Simple*
Squarespace video block design settings
At this time, video block design settings are very limited.
For videos uploaded to Squarespace, the Squarespace control designs can not be changed.
The control display style for external videos is managed by Vimeo and YouTube.
How to customize Squarespace video blocks with CSS
CSS stands for Cascading Style Sheet and it’s a special type of code that you can use to customize Squarespace.
These tutorials will show you how to make unique changes to the style of the video blocks using custom CSS.
To learn more about CSS for Squarespace, get the free guide at insidethesquare.co/learn
Where you can learn more about customizing your Squarespace website
Squarespace Made Simple
This mini course for beginners will teach you how to create your first Squarespace website. Lesson seven includes information about content blocks.
Squarespace Support Article
Learn more from the official Squarespace support blog
Squarespace
made simple
Get all the info you need to confidently
launch your Squarespace website ASAP.
In this tutorial, you'll learn how to create a video collection layout that is designed for vertical videos, recorded at a 9:16 ratio.