How to Embed a YouTube Video on a Website

A YouTube widget is a tool that allows you to add videos from the video hosting platform to a website or share them on social media. In this article, we will examine the advantages and disadvantages of the widget and explain how to add it to a website.

Advantages:

• No registration or additional software downloads are required to watch the video.
• Various video formats are supported.
• It can be embedded on a website with a single line of code.

Disadvantages:

• Advertisements are displayed, which can distract viewers.
• The widget has a fixed design, which does not allow you to fully customize its appearance to match your website.

We will personally customize the video widget for your CMS for free

Tilda, WordPress, Bitrix, and others.

Submit a request

Adding a Video to a Website

The easiest way to embed a YouTube video on a website is to use the iframe tag (frame). First, let us clarify what it is.

A frame is an HTML markup element that creates a child window on a website page where the content of another web page can be loaded.

Now let us get started.

For this example, we created a simple page and added a div block inside the HTML document as a container. Inside it, we placed an h1 heading. The frame code will also be inserted here.

Next, open the page with the video that you want to embed.

In our example, it is:

https://www.youtube.com/watch?v=mENBC34X2Q4

Click the Share button below the video player.

Then, click the Embed button in the modal window that opens.

The generated embed code will be displayed on the right side of the window.

In our case, the code looks like this:

The code includes the following attributes:

• width and height – set the width and height of the window, respectively;
• src – specifies the full path to the YouTube video;
• frameborder – adds a border around the window. The value 1 means yes, and 0 means no;
• allowfullscreen – the presence of this attribute means that the video can be displayed in full-screen mode.

This is what the page now looks like.

YouTube offers not only regular videos but also short vertical Shorts videos with a duration of up to 1 minute.

They can also be embedded using the iframe tag. You can obtain it as follows:

• Open the required «Shorts» video.
• Move the cursor over it and right-click to open the context menu.
• Select «Copy embed code».

Insert the copied fragment into the HTML markup of the page, as shown in the previous example. The result looks like this:

Important: embedding a video on a website must comply with the video author's requirements and the platform's policies. Make sure that the video can be embedded and that its use does not violate copyright.

Use Cases

YouTube videos can contain different types of content. Depending on your goals, you can embed a product overview or demonstration, a comparison with competing products, an educational video about an industry, product, or service, customer testimonials, or live streams.

A Ready-Made Solution from QForm

Embedded YouTube videos allow users to watch content directly on a website page without having to visit another resource. However, in addition to the video hosting platform itself, other services allow you to add videos to a website. One such service is the QForm video widget. It allows you to add a video to a website and configure its display style, playback settings, and CTA button. You can also attach a video to a feedback form, which can be useful for providing instructions or answering questions.