Product Landing Page - Build a Product Landing Page

I’m having trouble embedding a youtube video onto my product landing page. I used the embed code, though I’m not sure if it’s in the right place. The video frame shows up, but the actual video doesn’t load.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" 
    href="styles.css">
    <header id="header">
      <img src="https://upload.wikimedia.org/wikipedia/en/thumb/a/aa/Family_Guy_Logo.svg/1280px-Family_Guy_Logo.svg.png"
      class="fg-logo">
      <nav id="nav-bar">
      <a class="nav-link" 
      href="#contents">Contents
      <ul class="contents-list">
       <li>Seasons 1-14</li>
       <li>46 discs</li> 
       <li>Special Features</li> 
      </ul></a>
      <a class="nav-link" 
      href="#about">About Family Guy</a>
      <a class="nav-link"           href="#characters">Characters</a>
      </nav></header>
      <video src="https://www.youtube.com/embed/qMAZYfwEJ6k?si=3gLfX80__IVEBAN2"
      id="video"
      controls><a><iframe width="560" height="315" src="https://www.youtube.com/embed/qMAZYfwEJ6k?si=3gLfX80__IVEBAN2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></a></video>
  </head>
  <body>
	<script src="index.js"></script>
  </body>
</html>

/* file: styles.css */
.video{
  width: 320;
  height: 240;
  item-align: center;
}
.fg-logo {
  max-width: 500px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Challenge Information:

Product Landing Page - Build a Product Landing Page

Hello @holiday387 !

If you remove the quoted area, I think you will be pleasantly surprised.

Just leave the iframe as is.

I hope this is what you are trying to do.

Keep up the good progress!

Thank you. I ended up figuring it out lol. I’m realizing that sometimes I just have to take my time and think it through.

1 Like

I was not sure if you were trying to add a second video or not.

And, I took some time on this task, too.

Keep up your great progress!

Thanks. I actually accidentally backed out of the page and it deleted almost everything so I have to start over lol.

1 Like

Yea, that was definitely a lesson learned. Won’t be doing that again lol. And thanks, it’s my favorite show, so I figured why not?

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.