# Product Landing Page - Video problem

**URL:** <https://forum.freecodecamp.org/t/product-landing-page-video-problem/211979>\
**Category:** I Built This\
**Created:** [July 26, 2018, 9:35am UTC](https://forum.freecodecamp.org/t/product-landing-page-video-problem/211979 "2018-07-26T09:35:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![isabeladowsley](https://avatars.discourse-cdn.com/v4/letter/i/a698b9/32.png) [@isabeladowsley](https://forum.freecodecamp.org/u/isabeladowsley)\
**Post date:** [July 26, 2018, 9:35am UTC](https://forum.freecodecamp.org/t/product-landing-page-video-problem/211979/1 "2018-07-26T09:35:05Z")

</div>

Despite passing the test, for some reason my video is not playing as expected. Any clue?

My codepen:

> **[Product Landing Page](https://codepen.io/isabeladowsley/pen/ZjJrPP)**
>
> Freecodecamp Web Developement Project...

---

<div class="post-metadata">

**Author:** ![AdityaVT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/adityavt/32/115066_2.png) [@AdityaVT](https://forum.freecodecamp.org/u/AdityaVT)\
**Post date:** [July 26, 2018, 9:43am UTC](https://forum.freecodecamp.org/t/product-landing-page-video-problem/211979/2 "2018-07-26T09:43:15Z")

</div>

Your code is failing the user story #1 (The navbar should always be at the top of the viewport. ). The reason for the error is that you have ‘top: 10px;’ in #navbar css. change it to ‘top: 0;’ and it should pass all the tests.

![image](https://global.discourse-cdn.com/freecodecamp/original/3X/3/5/35b4138432d3be31ea1205c2e9f3621ef15cce6b.jpg)

As for the video it’s better to copy the embedded code directly from the youtube video and pasting it.

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/3/b/3b2b3c91c3a39277b75ccb1fcaaaaf24e509fc83.jpg)

---

<div class="post-metadata">

**Author:** ![HooriaHic](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hooriahic/32/315647_2.png) [@HooriaHic](https://forum.freecodecamp.org/u/HooriaHic)\
**Post date:** [July 26, 2018, 9:47am UTC](https://forum.freecodecamp.org/t/product-landing-page-video-problem/211979/3 "2018-07-26T09:47:07Z")

</div>

add the video again and don’t remove anything

```auto
<iframe width="560" height="315" src="https://www.youtube.com/embed/4Eiohy-9YwM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

```

i hope that help’s you

---

<div class="post-metadata">

**Author:** ![aditya\_p](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aditya_p/32/99447_2.png) [@aditya\_p](https://forum.freecodecamp.org/u/aditya_p)\
**Post date:** [July 26, 2018, 9:48am UTC](https://forum.freecodecamp.org/t/product-landing-page-video-problem/211979/4 "2018-07-26T09:48:07Z")

</div>

If you want a better way to add youtube videos, you should try this technique.

1. Go to the video you want to add on youtube website.
2. Click on the share button.
3. Then, select embed and they will give you the whole code of iframe.
4. Copy the code in your html file and it sould be ready to work as you want it to.  
Hope it helps!!

---

<div class="post-metadata">

**Author:** ![isabeladowsley](https://avatars.discourse-cdn.com/v4/letter/i/a698b9/32.png) [@isabeladowsley](https://forum.freecodecamp.org/u/isabeladowsley)\
**Post date:** [July 26, 2018, 12:46pm UTC](https://forum.freecodecamp.org/t/product-landing-page-video-problem/211979/5 "2018-07-26T12:46:31Z")

</div>

Thanks @aditya_p @HooriaHic @AdityaVT

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:46pm UTC](https://forum.freecodecamp.org/t/product-landing-page-video-problem/211979/6 "2021-06-01T13:46:56Z")

</div>