All TalkersCode Topics

Follow TalkersCode On Social Media

Autoplay Youtube Video In iFrame

Last Updated : Jan 1, 2023

Autoplay Youtube Video In iFrame

In this tutorial we will show you the solution of autoplay YouTube video in iframe, in our previous session, we saw that how to embed a YouTube video in HTML. Now, our today’s topic is about how to embed a YouTube video in html file and make it auto play.

It means that when you open the required html codes on your browser then a video in iframe will automatically plays.

You also see many other online websites in internet in which video goes plays when you load the webpage on your computer, laptop and mobile device.

So, today we will show you that how you are able to auto play a YouTube video in iframe with the help of html.

Step By Step Guide On Autoplay YouTube Video In iFrame :-

Now, we think that you already know about iframe like what iframe is and how it is used, etc. So, today we starts our session by embedding a YouTube video in webpage and make it auto play.

For this, first you have to embed a YouTube video in iframe. And it can done when you paste the copied embed link of YouTube video in src attribute of iframe.

And the next process is given below. We hope that you understand the codes properly.

<!DOCTYPE html>
        <iframe width="560" height="315" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  1. First, we write <! DOCTYPE html> which we used as an instruction to the web browser about what version of HTML file is written in.
  2. Secondly, the <html> tag is used to indicate the beginning of an HTML document.
  3. As above now <head> tag is used to contain information about web page. In this tag a <title> tag is used which helps us to specify a webpage title. Both <head> and <title> tags are Paired tags. So, both have </head> and </title> ending tags respectively.
  4. Here, we create body tag, which is a paired tag. And all the contents that are being to be displayed on browser screen are written here.
  5. Here, we create nothing special, here we just paste the code that we copy from YouTube.
  6. For, this you have to search your required video in YouTube and then found a share option that is below of your video. After this click on it and click on embed option.
  7. You see a dialog box appears in which a link is written with iframe tag.
  8. You have to copy that code and have to paste in body of your html. You not have to create any iframe tag there just paste the copied data and add on ?autoplay=1 at the end of your video link that is in src attribute.
  9. If you don’t understand properly then just go to the example and see what we do there.
  10. At last, the <body> and <html> tags are closed with </body> and </html> respectively.

Conclusion :-

In conclusion, here we can say that with the help of this article you are able to auto play a YouTube video in html and also in iframe.

In next session, we also show you how you are able to make a local video auto play in html. I hope this tutorial on autoplay YouTube video in iFrame helps you.

Latest Tutorials