Completed everything but this one thing

HTML-CSS
1

Tell us what’s happening:
I’m working on product landing page and I have completed everything but I need to put a vid in but in codepen if I use any youtube vids [and i have tried many ] but it always say that youtube can’t open or it can’t run .
" AND YES THIS VERSION IS NOT MY BEST I HAVE A MORE NICE LOOKING AND MORE FILLED OUT ONE BUT THIS IS JUST BASIC BACKBONE "

  • PLZ HELP WITH THE LINK ONLY PLZ AND THX * and ignore any typo’s and mistake in writting and also don’t mind the cheesy username its a joke!!

Your code so far

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<section id="home">
<header id="header">
<div class="logo">
  <img id="header-img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRWQuIcyytOEY1EIBexzbOLP0MJjao1GOrILw&usqp=CAU"/>
  </div>
  <nav id="nav-bar">
    <ul>
      <li><a class="nav-link" href="#home">Home</a></li>
      <li><a class="nav-link" href="#about-us">About Us</a></li>
      <li><a class="nav-link" href="#pricing">Pricing</a></li>
    </ul>
</header>
    <div class="container"></div>

  <section id="hero">
    <h2>Code Operator Web Dev.</h2>
    <form id="form" action="https://www.freecodecamp.com/email-submit">
      <input
        name="email"
        id="email"
        type="email"
        placeholder="Enter your email address"
        required
      />
      <input id="submit" type="submit" value="Get Started" class="btn" />
    </form>
      </section>
 
  <selection id="about-us">
      <div class="grid">
        <div class="icon"><i class="fa fa-3x fa-truck"></i></div>
        <div class="desc">
          <h2>Fast and Easy to Set Up New Websites!!!</h2>
          <p>
            We make sure you recieve your website as soon as we have finished
            making it. We also provide free changes if you are not satisfied.
          </p>
        </div>
      </div>
      <div class="grid">
        <div class="icon">
          <i class="fa fa-3x fa-battery-full" aria-hidden="true"></i>
        </div>
        <div class="desc">
          <h2>Quality Assurance</h2>
          <p>
            For every purchase you make, we will ensure there are no bugs or
            faults and we will check and test your website before sending it to you.
          </p>
        </div>
      </div>
    <div>
    <iframe
        id="video"
        height="315"
        src="   [ THIS IS THE PROBLEM ]    "
        frameborder="0"
        allowfullscreen
      ></iframe>
    </div>
  </section>
  
  <section id="pricing">
    <p> hello</p>
  </section>

Challenge: Build a Product Landing Page

Link to the challenge:

2

Hey there,

have you tried to go to the YT video,
click Share and click the </> and copied this code?

I used this code, replaced your iframe and it worked.

1 Like
3

thanks for your help.