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

Adding videos to your site

Use video on your site to express your brand, tell better stories, and keep your visitors engaged. You can embed videos from third-party services in most places on your site. In section backgrounds, you can upload your own videos. Use this guide to learn where you can add videos, and find links to specific steps for adding videos to your site. On Squarespace, you can:

  • Embed videos - from YouTube, Vimeo, Animoto, and Wistia. These services are highly respected for their streaming quality, upload ease, and video playback control.
  • Upload videos - Host your videos on your site. Right now, this is only available for section backgrounds in version 7.1 sites.

Where you can add videos

Where you can add videos depends on your site's version.

You can add videos to:

  • Video blocks
  • Gallery blocks (some site areas)
  • Section backgrounds
  • Lock screen backgrounds

Gallery sections don't currently support videos.

You can add videos to:

  • Video blocks
  • Gallery blocks
  • Gallery pages
  • Banners (some templates)
  • Project pages
  • Cover pages
  • Lock screen backgrounds

Option 1 - Embed videos

Embed videos by uploading your videos to a third-party video host, then using your video URL or embed code to add the video to your site. How you add videos depends on your video host:

  • For videos hosted on YouTube or Vimeo, use a video URL. To use advanced playback options for these hosts, use embed code.
  • For videos hosted on Animoto, Wistia, or to use advanced playback options for any video host, use embed code.

Visit YouTube, Vimeo, Animoto, or Wistia’s help documentation for video file requirements when uploading video to their services.

Tip: Link to your YouTube or Vimeo profile page by displaying social icons.

Keep in mind:

  • Background videos and video blocks only support YouTube and Vimeo.
  • In addition to public videos, if you have hidden or unlisted videos that are accessible by links or embed codes, you can display them on your site.
  • 360-degree videos aren't supported, and can cause issues with your site's speed and display.
  • You can add live streaming YouTube and Vimeo videos to your site by adding a URL or embed code to video blocks. After the livestream ends, the video may not work, depending on your livestream settings. For help with livestream embed code, visit YouTube or Vimeo's documentation.
  • Vimeo's fullscreen button stays hidden while you're logged into your Squarespace site. To test the fullscreen version of your video, log out or open your site in a private or incognito window.
  • Vimeo's player bar displays in the background by default. On Vimeo Plus or Pro, you can remove the bar by changing the embed code. For help with the embed code, reach out to Vimeo.

Adding video from other services

Usually, we recommend uploading your video to a supported service. If that isn't possible, or if you need to keep it hosted elsewhere, you still have some options. Any video sharing service that supports the oEmbed standard can be added to these areas using its embed URL or code:

  • Video blocks
  • Gallery blocks
  • Gallery pages (version 7.0)

If this doesn't work and there's no typo or other problem with the embed URL or code, it's likely the video host doesn't support the oEmbed standard. If you can't upload it to a service that supports oEmbed, try pasting the code into a code block. While custom code like this falls outside the scope of our support, you can get advice from our community in the Squarespace Forum or hire a Squarespace Expert.

Option 2 - Upload videos

To have Squarespace host your videos, upload them from your device directly to your site. Use this option to add videos you own or bought from a third party. Right now, you can only upload videos to section backgrounds in version 7.1 sites. If you’d like to upload videos in other areas, embed your video. To learn more about using videos on ​your site, visit our terms of service.

When uploading videos to section backgrounds, ensure your videos meet these requirements:

Video attribute Specification
File type Only .mp4, .m4v, .mov
File size 500 MB limit
Length 60 second maximum
Minimum resolution 360p
Maximum resolution 4K
Audio codecs AAC-HE v1, .mp3
Video codecs .mpeg-4, AVC/H.264, HEVC/H.265, ProRes

Add videos to pages and posts

Where you can add videos depends on your site's version.

This table covers the different ways you can add videos to pages and posts and the requirements for each. For these areas, you can add your video using a URL or an embed code.

Area

Requirements

Video block

  • One video per block.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Gallery block

  • Show multiple videos in a grid, slideshow, carousel, or stack.
  • Videos can mix with static images.
  • Videos play with sound when clicked.
  • You can set them to autoplay.
  • You can only add gallery blocks to blog posts, product items, and individual events.

This table covers the different ways you can add videos to pages and posts and the requirements for each. For these areas, you can add your video using a URL or an embed code.

Area

Requirements

Video block

  • One video per block.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Gallery block

  • Show multiple videos in a grid, slideshow, carousel, or stack.
  • Videos can mix with static images.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Summary block

  • Pull videos from a gallery page to display in a grid, slideshow, carousel, or stack.
  • When clicked, videos open in a lightbox and play with sound.
  • Filter by category or tag.
  • Ensure every video has a thumbnail image for best results.

Gallery pages

  • The page style, layout, caption display, and behavior depends on your template.
  • You can move images and videos from one gallery page to another.
  • Videos play with sound.
  • Videos can be set to autoplay.
Index pages
  • For stacked Indexes, add background videos or video blocks to content sections.
  • For slideshow and grid Indexes, use .gif images to create moving slides or thumbnails.
  • You can add gallery pages to Indexes in the Brine, Momentum, and Pacific template families.
  • You can add video blocks to the page headers above Indexes in the Avenue and York template families.
Cover pages
  • Available in some layouts
  • Videos play in a lightbox with sound when clicked.

Add background videos

Background videos let you add an engaging visual element to your site’s design. These videos

  • Appear as the background, behind page content
  • Don’t have sound
  • Repeat on a continuous loop

To learn more, visit Adding background videos.

Use animated .gifs

Animated .gif images play automatically, loop, and don't include sound. You can use a .gif anywhere on your site where you can add images, including image blocks, banners, and gallery blocks.

Review video metrics

We don't currently include video metrics in Squarespace analytics for embedded or uploaded videos.

If you embed videos, contact your video host for details about video metrics. Your video service, not Squarespace, controls how and when video plays count. Plays of embedded videos might add to your view count, depending where you host your videos:

For help with other services, visit their documentation.

Troubleshooting

Videos take too long to load

If a video takes a while to load, it probably needs that extra time to buffer. Many longer or HD videos require additional time to load, especially if you factor in your internet connection.

Clicking "Play" on a video starts the buffering process. If you pause the video and wait for content to load in the background, you should be able to build up the buffer and play the video with fewer issues.

Related YouTube videos are playing after mine

YouTube automatically displays related videos after a video finishes playing. This is a YouTube feature that isn't controlled by Squarespace and can't be disabled.

To prevent displaying related videos, try hosting your video on another supported service. Note that some services require a paid account to disable related videos.

Vimeo videos aren't playing in HD

To display HD Vimeo videos, use the embed code to add the video, rather than the video’s URL. Uploading 1080p HD videos to Vimeo requires their Plus or PRO membership plan. It's not possible to add HD Vimeo videos in some pages and areas.

Buttons and controls aren’t showing on Vimeo videos

Vimeo enables "Tiny Mode" when a video block is less than 300 pixels wide or 170 pixels tall. Tiny Mode hides buttons and additional information, such as the title, control bar, and the Watch Later/Share buttons. To prevent this, visitors can view the video block on a larger display.

The fullscreen button isn't appearing or working

When logged into your site, the Vimeo and YouTube players don't have a fullscreen option. You can view the fullscreen version by opening the page in a private or incognito window in your browser.

Video titles aren't appearing in video blocks

If your video block has a custom thumbnail image, the video title will be hidden. To display the video title in the upper left-hand corner, delete the custom thumbnail image.

Videos are different sizes

If your videos are different sizes, you can try to change the appearance. To learn more, visit Understanding aspect ratios.

Wistia videos are too small

On project pages (version 7.0 only) Wistia videos display in a smaller frame. To avoid the issue, you can use a different video hosting platform.

Wistia embed code doesn't work

It's not possible to embed Wistia videos in video blocks or gallery pages (version 7.0) if you use Wistia's default embed code. Instead, we recommend using their Fallback (iframe) Embed code or the video URL.

Was this article helpful?
105 out of 386 found this helpful
Adding videos to your site