Skip to main content

Practical Exercise 12: Embedding a Video with an iframe

Learn how to embed videos in HTML using the iframe tag<iframe>In this practical exercise, you'll see how to easily and effectively integrate multimedia content from external platforms like YouTube.

Activity​

Insert a YouTube video using the tag<iframe>

Interactive Solution​

Solution with complete HTML code​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <title>Video Integrado</title>
  </head>
  <body>
    <h1>Video de YouTube</h1>
    <iframe
      width="560"
      height="315"
      src="https://www.youtube.com/embed/IZMQxhbLjWg?si=80m5YvMSo4uJjgPH"
      frameborder="0"
      allowfullscreen
    ></iframe>
  </body>
</html>