greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/english/html/tutorials/embedding-youtube-videos/index.md

1.0 KiB
Raw Blame History

title
Embedding Youtube Videos

Embedding Youtube Videos

You've probably seen a lot of embedded videos on your favourite websites. So, how do we embed YouTube videos for our own website? Simple! In order to embed a YouTube video, we'll need an <iframe> element. This element allows us to embed another document in our current HTML document. It's often used for promoting products in ads. Keep in mind that you're not only limited to YouTube - you can also experiment with other documents.

<frame> Element

Using

You can easily put your chosen video by using <frame> element. But remember, you also need to define height and width of your player, so we will use attributes height and width.

What we will need?

  • Video on YouTube and URL
  • <frame> element (don't forget to close it!)
  • width and height attributes
<iframe width="420" height="315"
src="https://www.youtube.com/embed/v8kFT4I31es">
</iframe>

Inserted values are recommended, and feel free to change them however you like.