How to Embed YouTube Video on HTML Website?

Add a YouTube Video

To Embed YouTube video Feed, you need to follow the given steps-

Try Taggbox Start Your 14 Days Free Trial

Step 1

First, Login or Sign-Up to Taggbox Widget.

Taggbox Widget Sign Up

Step 2

You will be redirected to your Widget Dashboard:

YouTube feed Widget Dashboard

Step 3

On the dashboard, click on Add Social Feeds to start adding YouTube videos to your widget.

YouTube add social feeds Widget

Step 4

In the Pop-Up “Pick a Source” that appears, select YouTube as your source of aggregating feeds:

Choose YouTube to embed videos

Step 5

A new Pop-up “Create YouTube Feed” will appear.

Here, you will find 4 choices for aggregating YouTube Video feeds which are:

1. Channel URL 2. Playlist 3. Keywords 4. Location.

Choose one of these as per your requirement to start adding YouTube feeds:

1. Channel Url: To fetch YouTube feeds and video from a Channel, enter a YouTube channel Url.

embed YouTube channel on HTML Website

2. Playlist: To fetch YouTube videos from a Playlist, enter a YouTube playlist ID.

Embed YouTube Playlist on HTML Website

3. Keywords:  To fetch YouTube video through Keywords, enter the Keywords in the provided space.

embed YouTube Feed via Keywords on HTML Website

4. Location: To fetch YouTube video through the Location feature, fill in the required details to Create Feed.

Embed YouTube Feed via Location on HTML Website

Tip: Enable Moderation on the connection select “Manually approve posts before making them public”.

Step 6

Choose your method of aggregating and enter the input accordingly.

Then click “Create Feed” button to complete aggregating process.

The Connection will be created and within a few moments posts will appear on the Widget Editor.

Embed Youtube Videos on HTML Website

To embed YouTube videos on your Website you need to follow below steps–

Step 1

Click the “PUBLISH” button on the bottom-left of the screen, You can also see the PREVIEW of how your feeds gonna look on different devices.

Embed YouTube Widget on website

Step 2

A pop-up will appear “Choose Your Platform”; To embed your YouTube video Widget on the HTML website;

Choose HTML as your website platform.

Choose HTML for embedding YouTube feeds

Step 3

Set the width and height of your YouTube Feeds Widget as per your requirements.

Set Height and width of Embedding YouTube Widgets

Step 4

Click on Get Code and Copy the generated code and then Paste it into your HTML webpage, where you want to embed YouTube Video feeds.

Get Code for Embedding YouTube feeds

Great! You have successfully embedded YouTube feeds on your HTML website.

Try Taggbox To Embed YouTube Feed – Start Your 14 Days Free Trial

If you have any questions or need help, please contact us or write us at [email protected]