?? Embedding YouTube Videos in HTML

You can easily embed YouTube videos on your webpage using the <iframe> tag.

Basic YouTube Embed Code

<iframe width="560" height="315"  src="https://www.youtube.com/embed/VIDEO_ID"  title="YouTube video player" frameborder="0"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"  allowfullscreen></iframe>

How to Get the VIDEO_ID

1. Go to the YouTube video.

2. The URL looks like https://www.youtube.com/watch?v=VIDEO_ID

3. Copy the VIDEO_ID part after v=

Example:

For URL:
https://www.youtube.com/watch?v=dQw4w9WgXcQ

The embed code:

<iframe width="560" height="315"  src="https://www.youtube.com/embed/dQw4w9WgXcQ"  title="YouTube video player" frameborder="0"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"  allowfullscreen></iframe>

Responsive YouTube Video Embed (using CSS)

<style>.video-container {  position: relative;  padding-bottom: 56.25%; /* 16:9 aspect ratio */  padding-top: 30px;  height: 0;  overflow: hidden;}.video-container iframe,  .video-container object,  .video-container embed {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}</style><div class="video-container">  <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ"     frameborder="0" allowfullscreen title="YouTube video"></iframe></div>

Additional Notes

• You can add autoplay=1 in URL parameters to autoplay (not recommended for user experience).

• Add rel=0 to hide related videos after the video ends.

• Use privacy-enhanced mode: change URL from youtube.com to youtube-nocookie.com.

If you want, I can generate an HTML file with a ready-to-use embedded YouTube video for you!