Use a videos page to create a browsable library of videos on your site. In a videos page, you can embed externally hosted videos from Vimeo or YouTube, or upload your own video files to your site directly.
Videos pages are a new feature we're releasing to customers in waves. If the videos page isn't an option in your Pages panel, check again later.
This guide is for version 7.1. To add externally hosted video content in a similar layout to version 7.0 sites, use a gallery page or an assortment of video blocks.
Videos page organization
Videos pages are a type of collection page available on all version 7.1 sites. They’re organized into two parts: the main videos page and individual video details pages.
The main videos page is a browsable landing page for your video library. The page displays all added videos in a grid of featured images, organized by categories.
Clicking on an image opens its video details page, where you can watch the video and find more information about it. You can also navigate to the next or previous videos in the category. Video details pages are the individual collection items of videos pages.
Add a videos page
To add a videos page:
- In the Home menu, click Pages, then click + beside the navigation section where you want the videos page to appear. To create a gated video library, add the page to your Member Areas.
- Under Collections, click Videos.
- Select the layout you want. You can change this later.
- Enter a page title, then press Enter. You can change this later.
Tip: Your new videos page starts with a collection of demo content to show off its key features, including categories and metadata. You can change or delete this demo content.
Add a video
Add a video to your videos page by either uploading a video file directly to your site or embedding an externally hosted video using the video URL.
To add a video:
- In the videos page panel, click +.
- In the Content tab, add a title for your video. Titles need to be 100 characters or fewer.
- Click Add a video, then:
- Edit the video’s settings, including its title, categories, SEO, and publication status.
- Click Save.
Regardless of the original aspect ratio, videos display with a 3:2 aspect ratio on the main videos page and with a 16:9 aspect ratio on video details pages. This means featured images on the main videos page may display slightly cropped, while videos that don't have a 16:9 aspect ratio display black bars to fill the container on the video details pages. It's not possible to change these aspect ratios.
Video limits and requirements
Videos limits and requirements depend on the way you use to add them to your videos page.
- You can upload up to 30 minutes of high-resolution video directly to your Squarespace site for free. For more storage space, subscribe to Member Areas.
- Uploaded videos need to meet our video file requirements.
- Your video hosting service is responsible for the quality and resolution of your streamed videos. The stream quality is outside Squarespace's control. Contact your video hosting service if the quality doesn't improve.
- You can only embed YouTube and Vimeo URLs on videos pages using URLs. Videos pages don't support adding embed code.
- Descriptions are automatically imported when you embed videos. Embedded YouTube video descriptions have a limit of 160 characters and appear shortened if they're longer than that.
- For YouTube videos, ensure the video is set to Unlisted or Public and allows embedding.
- If you embed a YouTube video, a YouTube logo, the title of the video, a watch icon, or a share icon may display briefly when the video loads. This depends on the layout and device.
- Video ads that play before the video, also known as pre-roll ads, won't play on embedded YouTube videos.
- For Vimeo videos, ensure the video's privacy settings are set to Anyone and allow embedding Anywhere, or Hide this video from Vimeo.com and allow embedding Only on sites I choose.
Open a video’s settings
To edit the settings of a video you previously added to your videos page:
- In the videos page panel, click All.
- Hover over the video and click ..., then click Edit video.
- After making changes, click Save.
Edit a video’s settings
After opening a video’s settings, click the following tabs to customize the video.
- Title - Add a title of the video.
- Custom featured image - Add a custom featured image to overlay the video before it’s played. This option is only available for videos uploaded to Squarespace. Keep in mind, you have to wait until the video finishes uploading before you can add a custom featured image. Embedded YouTube or Vimeo videos pull their featured image from the third-party service.
- Description - Add a detailed description or transcript of the video’s content.
- Custom URL - Edit the video’s URL slug.
- Related videos - If your videos page has related videos enabled, use this drop-down to select whether to show or hide related videos, or select a specific category of videos to display.
- Featured Video - Switch this toggle on to set video as a featured video, which you can filter in summary blocks.
Add categories to your video to organize it based on its subject or type. Videos are grouped by their categories in the videos page panel and on your live site.
Set the video’s publication status on your site:
- Draft - Save the video to edit and publish later
- Published - Publish the video live on your site immediately
- Scheduled - Schedule a date and time for the video to go live
You can change a video’s status at any time. For example, you can leave a video set to Draft when you first add it to the videos page, then return to the video's settings later when you're ready to publish it on your site.
- SEO title - Add an SEO title to help search engines
- SEO description - Add an SEO description to help search engines
Show related videos
Enable related videos to link to other videos in a special section on video details pages. The related videos section displays up to five video featured images and titles from the videos page or filtered by a specific category. When a visitor clicks a video in this section, it takes them to that video's details page.
To enable featured videos:
- Click your videos page, then click one of your videos to open its video details page. For this step, it doesn't matter which video details you open.
- Click Edit on the video details page, then click the pencil icon.
- Click the Related Videos drop-down and set it to Show. This enables related videos for every video on this videos page.
- Hover over Done and click Save.
To set how related videos display for an individual video:
- Open the video details page with the related videos section you want to change.
- Click Edit on the video details page, then click Edit Video.
- In the Content tab, click the Related Videos drop-down.
- Select None (hide related videos) to hide related videos on this specific video
- Select All to show a selection of related videos from among all the videos on this videos page
- Select a specific category to show a selection of related videos from that category on this videos page
- Click Save.
The order of related videos is set by their order in the videos page.
Style the videos page
You can customize the layout and design for your videos pages and video details pages with your site’s style options. To learn more, visit Styling videos pages.
You can view, manage, and organize your videos in the videos page panel:
- Click All to view all videos, regardless of category.
- Click and drag a video to rearrange its position in the panel list and on your videos page. By default, videos are ordered by their last saved date, from newest to oldest.
- Move videos from one videos page to another.
- Delete video items to remove them from the videos page, or delete video files to remove the video from your storage entirely.
A video's presence on a videos page is a video item. This includes its appearance as an image on the main videos page and its video details page, but doesn't include other items that may share the same video file or video embed.
To delete an individual video item:
- In the videos page panel, click All.
- Hover over the video and click ..., then click Delete. To delete multiple videos, check the checkbox next to each video, then click Delete.
- In the confirmation box, click Delete.
After deleting a video item from a videos page, it no longer appears on your live site or in the videos page panel. Keep in mind, it's possible other video items share the same video file or video embed, so the video itself may still appear somewhere.
Delete video files
If you delete a video item that you uploaded directly to your site, the video file remains in your image library for you to reuse elsewhere in your site.
To delete the video file from your site entirely and free up storage space:
- In the videos page panel, click +.
- Click Add a video, then click Select from library.
- Click the video file you want to delete from your video library, then click Delete.
- Click Delete to confirm, then click Close.
- Click Close, then click Discard.