Hello friends, In this article I am going to tell you about “How to embed youtube video in HTML page”. In a very easy step, in which you just have to read this post carefully and follow, then let’s start
To embed a YouTube video in HTML, you can use the iframe element. The basic structure of the code would be:
<iframe width="video width" height="video height" src="video URL"></iframe>To get the URL of the video, you first go to the YouTube video you want to embed and click the “Share” button. Then, click on that button “Embed” and copy the code given to you.
You can also add additional attributes to the iframe element to customize the video, such as adding a border or controlling playback of the video. Here’s a great full code example for embedding a YouTube video with a width of 560 pixels, a height of 315 pixels, and no borders:
<iframe width="560" height="315" src="https://www.youtube.com/embed/video-id" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>You can also add additional parameters to the video URL to control the behavior of the YouTube video, such as setting the video to autoplay or loop:
<iframe width="560" height="315" src="https://www.youtube.com/embed/video-id?autoplay=1&loop=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>It is important to keep in mind that iframe elements need to be in the body of your HTML document, as well as you must have an internet connection in order for the video to play.
how to embed a youtube video in html without iframe
It is possible to embed video in HTML without using the iframe element, but it requires additional steps and may not be as reliable or supported as using the iframe method.
One way to do this is to use the YouTube API to retrieve the YouTube video and display it on the page using the video element. Here’s an example of how you can do this:
This example uses JavaScript to create a new YouTube video element, set the source to the YouTube video URL, and add it to the page. The control attribute is set to true to enable the video controls.
Another way is to use a direct link to the YouTube video and use it in the src tag of the YouTube video element.
It is important for you to note that this method may not work in all browsers and may be more laborious to implement and maintain. Additionally, it may require additional steps to handle YouTube video playback and may not support all features of the iframe element method.
