How to embed course videos in Squarespace website from YouTube
It can be beneficial because hosting your course directly on Squarespace saves you money and simplifies your content management; however, there is just one drawback to consider: video hosting. But don’t worry, there’s a quick fix using embedding videos!
Embedding videos that are either unlisted or privately listed from the external platform onto your Squarespace site. This method is particularly helpful for those looking to sell or share private course videos on their Squarespace website without needing to pay extra to host the videos on another platform. Whether you are using Squarespace Membership to host your course on your website or a password-protected page, embedding your videos like this creates a solution for nearly any use case.
Choosing the Right Video Hosting Platforms
Most video hosting services (YouTube, Vimeo, Wistia, etc) can be embedded with your Squarespace site. In this article, we will focus on YouTube since it is free and very accessible. And while Vimeo and Wistea are great options, they require extra money for billing.
One notable alternative that we're currently excited about is Descript. It acts as a screen recorder, a simple video editor, and a hosting platform, and it lets you use an embed code to insert your videos directly. You can also get it for around $15 a month, which includes recording, editing, and hosting. It's good value for money!
Integrate Videos with YouTube:
Unpublished Video Content
With YouTube, you have the flexibility to upload videos as Private, Unlisted, or Public. For this tutorial, we'll focus on Unlisted videos. This means that the video will only be visible when directly embedded on a website (like ours!) or when the link is shared. It won't be publicly visible on the YouTube platform.
Make Your YouTube Videos Unlisted
Click your account thumbnail located in the top right corner.
From the dropdown menu, choose YOUTUBE STUDIO.
Click the CREATE button or the upward arrow icon to begin uploading your new video.
Fill in the video details, including the title, description, playlist, and audience information. Make sure to select a video thumbnail that represents your course.
Click NEXT in the bottom right corner to proceed.
Continue configuring the settings for your YouTube video until you reach the "Visibility" section.
Here comes the crucial part: Choose UNLISTED for visibility and then click SAVE in the bottom right corner to publish your video.
This will ensure your course videos are accessible when shared but remain unlisted on YouTube.
Embedding videos via the Embed Block
Click on the EDIT option in the top left corner.
Then, select + ADD BLOCK in the top left corner.
Choose EMBED from the available block options.
To edit block details, click the pencil icon at the top of the block.
Under the EMBED AS section, select "link."
Copy the video URL from your Youtube Studio.
Once you paste the URL, a red "successfully located" message will appear below the URL field, and a thumbnail representing your video should show up.
Hover over DONE in the top left corner, and then click SAVE to publish your edits.
Insert a video using an embed code.
If your video doesn't appear as expected when you input the link, you can manually enter the embed code to ensure it displays correctly. Here's how to do it:
After selecting the embed block in Squarespace's block options, opt for "code snippet" under the embed as option.
Click the arrow on the left side of the embed data.
In a separate tab, go to your YouTube video.
Beneath your video title, click "share."
From the sharing options, select the "embed" button.
Click "copy" in the lower left corner.
Back in Squarespace, paste the code under embed data.
A preview of your video should show up on your page.
Click "SAVE" in the top left corner to save your page edits.
This straightforward process can be repeated for any private course videos you wish to include on your Squarespace site, offering a practical solution for working around Squarespace's video hosting limitations and costs.
FAQ
1. Can I embed YouTube videos on my Squarespace site?
Yes! When using the Video Block, Embed Block, or Code Block, Squarespace makes embedding YouTube videos simple.
2. Are my embedded YouTube videos going to scale well?
Yes! Any Embedded YouTube videos Responsively Rushing If you use squarespace, embedded youtube videos become responsive automatically.
3. How do you embed a YouTube playlist in Squarespace?
If you want to embed a full playlist, you can copy the YouTube playlist embed code and paste it in a Code Block on Squarespace. It enables users to scroll through many videos in one frame.
4. What is the method to adjust the size of an embedded video?
The size/height can be adjusted from the iframe embedding code or in Squarespace's Video Block settings to make it fit perfectly into your layout.
