Looks like you pasted the YouTube desktop homepage bootstrap HTML. That page can’t be embedded or “rehosted”—it relies on YouTube’s origin, CSP, and internal APIs. If your goal is to show YouTube on your site, embed a specific video or playlist instead.

Quick, working embeds

Single video (responsive 16:9)

<style>
  .yt-embed {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
  .yt-embed iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
</style>

<div class="yt-embed">
  <iframe
    src="https://www.youtube.com/embed/VIDEO_ID?rel=0&modestbranding=1&playsinline=1"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
</div>

Playlist

<div class="yt-embed">
  <iframe
    src="https://www.youtube.com/embed/videoseries?list=PLAYLIST_ID&rel=0&modestbranding=1&playsinline=1"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
</div>

Handy player parameters (append to the src)

  • autoplay=1&mute=1 – auto-play (must be muted to auto-play on most browsers)
  • controls=0 – hide native controls
  • start=60 / end=120 – start/end at seconds
  • loop=1&playlist=VIDEO_ID – loop a single video
  • rel=0 – show related from the same channel (not entirely off, but limited)
  • modestbranding=1 – reduce YouTube logo chrome

Need JS control? Use the IFrame Player API

<div id="player"></div>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
  function onYouTubeIframeAPIReady() {
    new YT.Player('player', {
      videoId: 'VIDEO_ID',
      playerVars: {playsinline: 1},
      events: { onReady: e => e.target.playVideo() }
    });
  }
</script>

If you tell me the video or playlist you want to feature, I’ll drop in the exact embed with the right options.