Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Choosing the right video embed option

You can add a video on your site using either a URL or embed code. Usually, the video URL is more convenient, while embed code offers more advanced display options.

Squarespace doesn’t host your videos directly. To add a video to your site, you’ll need to upload it to a supported host (like YouTube or Vimeo) and then embed it. This guide reviews two embed options and reasons why you might use them.

Note: Visit Adding videos to your site for links to step-by-step instructions for the different places you can add videos. To troubleshoot Video Blocks, visit Adding videos to your Squarespace site.

Use a video URL

If you don't need advanced display options like autoplay and are uploading from YouTube, Vimeo, Animoto, or Wistia, you can copy and paste the video's URL into areas like Video Blocks and backgrounds. This is the most straightforward way to add videos to Squarespace.

To get started:

  1. Copy the video's URL, which you can find in the browser address bar when you're on the host's page.
  2. Add a Video Block or Background video.
  3. Paste the video URL into the Video URL field.
  4. Add a thumbnail, title, and description for more customization, and then click Save.

Use embed code

For more advanced video options, you'll copy and paste embed code from your video host. Using embed code is the best option for:

  • Using advanced display settings your video host provides.
  • Enabling autoplay.
  • Embedding videos from hosts other than YouTube, Vimeo, Animoto, and Wistia.
Note: Your video host must use the oEmbed standard to work with blocks and pages. If your host doesn't use the oEmbed standard, we recommend uploading it to a service that does support it. Otherwise, paste the code into a Code Block. Custom code like this falls outside of the scope of Squarespace support.

To begin, make any customizations to your video in your video host and copy its embed code. The steps to find the code vary by hosting service. If you can't find the code, contact your hosting service.

Here's an example of YouTube's embed code:

youtube_embed_code.jpg

Add embed code to Video Blocks and Gallery Blocks

To add videos using embed code to Video Blocks and Gallery Blocks:

  1. In the block editor, click the </> icon.
  2. Paste your embed code into the Embed Data field or pop-up.
  3. Click Back or Set.
  4. Embed data has been manually set may appear. This confirms we recognize the embed code.
  5. Add a thumbnail, title, caption, or description for more customization.
  6. Click Save.

Add embed code to Gallery Pages and Cover Pages (version 7.0)

If your site's on version 7.0, you can also embed code in several places:

Was this article helpful?
41 out of 157 found this helpful
Choosing the right video embed option