Product Landing Page - Video problem

Product Landing Page - Video problem
0

#1

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

My codepen:


#2

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

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


#3

add the video again and don’t remove anything

<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


#4

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!!

#5

Thanks @aditya_p @HooriaHic @AdityaVT