Embedding YouTube Shorts on your website is a simple yet effective way to enhance your content with dynamic, engaging videos. Whether you’re showcasing your own Shorts or sharing viral content, embedding them takes just a few steps.
Embed YouTube Shorts
- To embed a YouTube Shorts video on your website, start by obtaining the embed code from the video and then insert it into your webpage’s HTML.
- To retrieve the embed code for a YouTube Shorts video, open the video in a desktop browser, right-click on it, and select ‘Copy embed code‘.
Short videos are gaining prominence beyond social media, now frequently appearing in Google search results. Given this trend, incorporating short-form video content seems essential for a successful content marketing strategy.
While YouTube Shorts are primarily viewed on YouTube itself, you can also display them on your own website or blogging platforms like Medium. However, many users wonder how to embed YouTube Shorts, as they lack a direct embed code option in the standard Share menu. Let’s explore how to overcome this challenge.
How to Get Embed Code from YouTube Shorts
This method is very easy and works on any website, including WordPress, Squarespace, and Wix, without the need for any third-party tools.
- Copy the YouTube Shorts link and open it in a browser like Chrome, Safari or Microsoft Edge on your PC.
- Right click anywhere in the video and click on “copy embed code” option. YouTube shorts embed code is now copied.
- Paste it into your website page or post where you want the video to appear.
Embedding YouTube Shorts in Your Website
With the YouTube Short embed code in hand, let’s proceed to insert it into your website.
While we are demonstrating this process using a WordPress website, the same principles apply to Squarespace, Wix, or any other website platform. This will enable visitors to watch the Shorts directly on your page without leaving your site.
- Navigate to the desired page or post on your WordPress site.
- Locate and click the ‘+‘ (plus) icon to add a new block.
- Select ‘Custom HTML‘ from the block options.
- Paste your copied YouTube Shorts embed code into the Custom HTML block.
- Click ‘Update’ or ‘Publish’ to save your changes.
Your YouTube Short is now successfully embedded and should be visible on your website.
🏆 Quick Win
Choose an eye-catching thumbnail for your Short, as the embedded video won’t autoplay on your website. Instead, visitors will see the thumbnail with a Play button overlay.
Here is an example showing a YouTube Shorts video embedded using the above method.
Note
Previously, some users experienced YouTube Shorts appearing in the standard rectangular format, like regular YouTube videos. However, this issue has been resolved, and there’s no need to adjust the embed code anymore.
If you still encounter this problem, feel free to let us know in the comments below.
Embedding YouTube Shorts on your website is a simple way to boost engagement. By copying the embed code and pasting it into your site’s HTML, you can quickly display dynamic videos. This easy process allows you to enhance your content and keep visitors engaged with minimal effort.
You Might Like
