Landing Page issues

HTML-CSS
1

Working on my Landing Page and have 3 errors.

  1. with the nav-link function which is apparently not linking within the page.

  2. Something is up with the id=video and I’m not sure what’s drawing the error out there.

  3. The #submit element is also drawing an error. Not sure if I’m missing an attribute that would make it true. Do I need something besides “required”?

Besides this, I have a personal query about how to prevent autoplay on my page. I have autoplay and autostart set to “false” and also have set it to “0” but neither seems to have worked.

Any help on these items would be greatly appreciated.

Best,
Nick

2

Post your project link.

3

Here it is

Thanks

4
  1. You don’t need target attribute (opens in new tab) on a element. Remove all the target attributes from there.
  2. Try using either Video or iframe tag.
  3. you missed action attribute on form tag & forgot to close form tag.
5

Thanks so much for your help. I’ve removed the target attributes, but I’m still getting an error on linking within the same page:

5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.'

and my embedded video still registers as an error:

6. I can watch an embedded product video with id=“video”.

The video I have changed from iframe to video and I still have the same issue which is this:

TypeError: Cannot read property ‘hasAttribute’ of undefined

Can anybody point out where I’m going wrong?

Much obliged,
Nick

6

I’m having problems with the video unit-test as well.
If anyone is helping, pls take a look at this pen:
https://codepen.io/hbar1st/pen/ZRwvgm?editors=1100

I think probably a github issue needs to be opened.

image
image1920×1030 210 KB

1 Like
7

https://codepen.io/RomaB/pen/MXLVQj?editors=1100

You didn’t use this element the right way:

<video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
1 Like
8

hi @RomanB ! Thanks for the assist!

Quick question, what did you mean by “Your browser does not support the video tag.” ?

9

hi @bananahair , thanks to @RomanB it seems the solution is:

<video id="video" controls>
<source  src="link" type="video/mp4" mute>
</video>

Make sure your video section looks similar to the above.

1 Like
10

I’m sorry, I meant to insert this section on how to use element:

<video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

Your browser does not support the video tag.```





By the way, there is a recommendation to always include width and height.
1 Like
12

ah that’s cool! I need to look up this recommendation, as I would have thought it best to let the video take up the available space.

13

This seems weird… According to MDN the way she used the tag should be fine. This method works, and as far as I can tell video tag has been well supported for a while now.

I think FCC needs to specify in test spec that they would like to have the source defined within a source tag, or they should rewrite to allow for src attribute.

1 Like
14

I opened an issue for this