When embedding YouTube videos on a Squarespace website, related videos may appear at the end of the video. This can be distracting for viewers and may lead them away from your site. Fortunately, there are ways to remove related videos on embedded YouTube videos in Squarespace.
One simple fix is to upload a custom featured image instead of using the video link. Squarespace will make the video scale responsively, just like it would if you uploaded the video with a link. You can upload anything into this area, such as a regular image or even a custom thumbnail like the one you use on YouTube. Keep in mind that the ideal specs for a YouTube thumbnail are 1280px.
Another option is to use code to disable related videos from appearing. Before September 2018, a webmaster could disable related videos on YouTube embeds by simply adding ?rel=0 to the iframe’s src. This method is still effective, but it requires adding code to your Squarespace site. If you’re comfortable with coding, this may be the best solution for removing related videos on embedded YouTube videos in Squarespace.
Understanding YouTube’s Related Videos Feature
When a YouTube video finishes playing, the platform usually displays a list of related videos. These videos are selected based on the content of the video that was just watched, as well as the user’s viewing history. The goal of this feature is to keep users engaged with the platform by providing them with more content they may be interested in.
However, for some website owners, this feature can be distracting or even harmful to their branding efforts. For example, if a website is trying to promote a specific product or service, having unrelated videos displayed at the end of a video can undermine those efforts.
Thankfully, there are ways to remove or disable the related videos feature for embedded YouTube videos. By doing so, website owners can have more control over the content that is displayed on their website and ensure that their branding efforts are not undermined.
Embedding YouTube Videos on Squarespace
Squarespace is a popular website builder that allows users to embed YouTube videos on their website easily. Embedding videos can help to engage visitors and enrich the site’s content. In this section, we will discuss how to embed YouTube videos on Squarespace.
Choosing the Right Video
Before embedding a video on Squarespace, it is important to choose the right video. The video should be relevant to the content on the website and should be of high quality. It is also important to ensure that the video does not violate any copyright laws.
Embed Code Generation
To embed a YouTube video on Squarespace, users need to generate an embed code. Here are the steps to generate an embed code:
- Go to the YouTube video that you want to embed.
- Click on the Share button below the video.
- Click on the Embed button.
- Choose the size of the video player that you want to embed.
- Copy the embed code.
Once you have the embed code, follow these steps to embed the video on Squarespace:
- Log in to your Squarespace account.
- Go to the page where you want to embed the video.
- Click on the + icon to add a new content block.
- Choose the Embed block.
- Paste the embed code in the Embed Code field.
- Click on Apply.
That’s it! The video should now be embedded on your Squarespace website.
Related Posts:
Disabling Related Videos in YouTube Embeds
If you embed a YouTube video on your Squarespace website, you might have noticed that related videos appear at the end of the video playback. This can be distracting and take the focus away from your content. Fortunately, there are ways to disable related videos from appearing on your embedded YouTube videos.
Locate YouTube Embed Code
First, locate the YouTube embed code for the video you want to embed on your Squarespace site. You can find the code by clicking on the “Share” button below the video on YouTube, then selecting the “Embed” option. Copy the code that appears in the box.
Adding NoCookie Parameter
To disable related videos from appearing on your embedded YouTube video, add the “nocookie” parameter to the YouTube embed code. This parameter disables YouTube’s ability to use cookies to track user behavior. Here’s an example of what the updated embed code would look like:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/VIDEO_ID?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Replace “VIDEO_ID” with the actual ID of the YouTube video you want to embed. The “rel=0” parameter disables related videos from appearing at the end of the video playback.
Adding Rel Parameter
Alternatively, you can add the “rel” parameter to the YouTube embed code and set its value to “0”. This parameter tells YouTube not to show related videos at the end of the playback. Here’s an example of what the updated embed code would look like:
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Again, replace “VIDEO_ID” with the actual ID of the YouTube video you want to embed.
By following these steps, you can disable related videos from appearing on your embedded YouTube videos in Squarespace.
Testing the Changes
After implementing the changes to remove related videos on embedded YouTube videos in Squarespace, it is important to test the changes to ensure they have been successful. Testing can be done on different browsers and devices to ensure that the changes work across various platforms.
Website Preview
One way to test the changes is to preview the website and check if the related videos are still visible or not. To do this, navigate to the page where the embedded video is located and refresh the page. If the related videos are still visible, then the changes have not been successful and further adjustments need to be made.
Different Browsers Testing
Testing the changes on different browsers is also important as some browsers may display the embedded video differently. It is recommended to test the changes on popular browsers such as Google Chrome, Mozilla Firefox, Safari, and Microsoft Edge.
To test the changes on different browsers, open the website on each browser and navigate to the page with the embedded video. Check if the related videos are still visible or not. If the changes have been successful, the related videos should not be visible on any of the tested browsers.
In conclusion, testing the changes after removing related videos on embedded YouTube videos in Squarespace is crucial to ensure that the changes have been successful and work across various platforms. By previewing the website and testing on different browsers, any issues can be identified and corrected promptly.
Troubleshooting Common Issues
If you’re having trouble removing related videos from embedded YouTube videos on Squarespace, here are some common issues and how to troubleshoot them.
Invalid Embed Code
If you’re seeing an error message that says “Invalid Embed Code,” it’s likely that there’s an issue with the code you’re using to embed the video. Make sure that the code is copied correctly and that there are no typos or missing characters. You can also try generating a new embed code from YouTube and see if that resolves the issue.
Related Videos Still Showing
If you’ve followed the steps to remove related videos from your embedded YouTube video, but they’re still showing up, there are a few things you can try. First, make sure that you’ve added the “rel=0” parameter to the end of the embed code. If that doesn’t work, try clearing your browser cache and refreshing the page. If you’re still having issues, it’s possible that the video owner has disabled the ability to remove related videos.
Embed Not Working on Squarespace
If you’re having trouble getting the embedded YouTube video to work on Squarespace, there are a few things you can check. First, make sure that the embed code is added to the correct section of your Squarespace site. You can also try using a different browser or device to see if that resolves the issue. If you’re still having trouble, reach out to Squarespace support for further assistance.