HTML Media

Iframe Tag

An <iframe> shows another web page inside your page. It is how you embed YouTube videos, Google Maps and code playgrounds.

Embedding a YouTube video

<iframe
  width="560" height="315"
  src="https://www.youtube.com/embed/VIDEO_ID"
  title="HTML tutorial video"
  allowfullscreen
  loading="lazy">
</iframe>

Embedding a Google Map

<iframe src="https://www.google.com/maps/embed?pb=..." width="600" height="400" title="Our office" loading="lazy"></iframe>