Use Video Blocks to add externally hosted videos to your site. This guide uses a YouTube video as an example.
Note: Squarespace doesn’t support uploaded video. When embedding a video using a URL, only YouTube and Vimeo are supported. You can use embed code for other video hosting services. To learn more, visit Adding videos to your site.
Watch a video
Add a Video Block
To add a Video Block:
- Edit a page or post, click an insert point, and click Video from the menu. For help, visit Adding content with blocks.
- Add a video by using a URL or embed code.
- Add a custom thumbnail image.
- Add a video caption.
- Click outside the block editor when you're done. Your changes save automatically.
Add a video
There are two ways to add a video:
Use the URL
Find the URL of your video from a supported host. Copy the URL from your browser's address bar or the Share area, depending on your video host.
In the block editor, paste the URL into the Video URL field. Use the keyboard shortcut Ctrl + V (or ⌘ + V on a Mac) to paste.
Tip: To add a YouTube playlist, right-click the Play all button on YouTube and click Copy link address. Paste that URL into the Video URL field.
Use the HTML embed code
Most video services have a Share or Embed button located near the video. Click Share or Embed, then copy the embed code provided.
In the block editor, click Embed Data, then paste the embed code into the text field. Use the keyboard shortcut Ctrl + V (or ⌘ + V on a Mac) to paste, then click Back.
Use the URL
To use the URL:
- Find the video you want to use in a web browser.
- Copy the URL for your video from your browser's address bar or the Share area, depending on your video host.
- Return to the Squarespace App and tap Source in the block editor.
- In the URL tab, paste the URL in the text field.
- Tap Video to return to the block's settings
Use the HTML embed code
To use the embed code:
- Find the video you want to use in a web browser
- Most video services have a Share or Embed button located near the video. Click Share or Embed, then copy the embed code provided.
- Return to the Squarespace App and tap Source in the block editor.
- Tap Embed, then paste the embed code in the Embed Code field.
- Tap Video to return to the block's settings.
Note: If neither the URL nor the embed code work, the video host you're using probably doesn't use the oEmbed standard. For such services, we recommend placing the embed code in a Code Block.
Tip: For most video services, you can edit the embed code to enable autoplay. Learn more about autoplay here.
Add a custom thumbnail
After you've added the video, you can add a thumbnail image to overlay the video. Keep in mind:
- The image displays over the video on your site before video is played.
- The custom thumbnail hides the title of the video.
- On computers, the image overlay becomes a play button. For most services, clicking the image plays the video. For YouTube, clicking the image once shows the video player, then clicking again plays the video.
- On mobile devices, tap the image once to show the video player. The video's default thumbnail image will appear. Tap the play button to play the video.
To add a thumbnail:
- In the block editor, click Custom Thumbnail and select On.
- Click Add Image to upload a file from your computer, or click and drag your image into the image uploader.
- Tap Custom Thumbnail in the block editor.
- Switch the Use Custom Thumbnail toggle on.
- Tap Add Custom Thumbnail to take a photo or upload an image from your device.
- Tap Video to return to the block's settings.
Add a video caption
To add a video caption:
- In the block editor, click Caption and select On.
- Click Write here... in the text field and type your description. Then, select Caption Below to display this description below the Video Block.
- Tap Caption in the block editor.
- Switch the Show Caption toggle on.
- Tap into the text field below Caption and type your description.
- Tap Video to return to the block's settings.
Some video services automatically populate this field when you add a video via URL. You can edit this text at any time.
Troubleshooting
To troubleshoot issues with Video Blocks, visit Adding videos to your Squarespace site.