Tell us what’s happening:
why my youtube video is not showing I used the <object>
tag and <iframe>
but the two do not work
Your code so far
<!DOCTYPE html>
<html>
<head>
<title>product landing page</title>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</head>
<body>
<header id="header">
<div class="fixnav">
<div class="logo">
<img src="https://s3.amazonaws.com/freecodecamp/original_trombones.png" alt="logo" id="header-img">
</div>
<div class="mynav">
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#pricing-img ">Pricing</a><li>
<li><a class="nav-link" href="#works-img">How it works</a><li>
<li><a class="nav-link" href="#features-img">Features</a><li>
</ul>
</nav>
</div>
</div>
</header>
<section id="features-img">
<div class="section1">
<h1>une tres belle chanson kabyle</h1>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" type="email" name="email" placeholder="enter your email">
<input id="submit" type="submit" value="GET STARTED">
</form>
</div>
</section>
<section id="works-img">
<div class="section2">
<object type="application/x-shockwave-flash" width="425" height="355" data="https://www.youtube.com/watch?v=CEIKHUJV2Gw">
<param name="movie" value="https://www.youtube.com/watch?v=CEIKHUJV2Gw"/>
</object>
<div>
<iframe width="460" height="415" src="https://www.youtube.com/watch?v=CEIKHUJV2Gw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</section>
<section id="pricing-img"></section>
<section></section>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36
.
Link to the challenge: