How To Embed Youtube Video Responsive Example

<!DOCTYPE html>
<html>
<head>
<title>Responsive YouTube Embed Example</title>
<style>
  .video-container {
    position: relative;
    width: 100%;
    /* 16:9 Aspect Ratio */
    aspect-ratio: 16 / 9;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>
  <h2>Responsive YouTube Embed</h2>
  <p>Resize your browser window to see the video scale while maintaining its 16:9 aspect ratio.</p>

<p>The container uses <code>aspect-ratio: 16 / 9;</code> to maintain the correct proportions, and the iframe follows the container's width and height.</p>
</body>
</html>