Responsive Web Design Project: Build a Product Landing Page - Task 6

HTML-CSS
1

Hey guys,

Having some trouble with task n6 for project Build a Product Landing Page. Anyone able to kindly help? not sure what I’m doing wrong. (:

The task is to: I can watch an embedded product video with id=“video”.

my code :arrow_down:

<video id="video" width="560" height="315" controls autoplay muted>
    <source src="https://embedwistia-a.akamaihd.net/deliveries/8cc1da9dbd9fcc58643288d19bd324696b320c63/file.mp4" type="video/mp4">
</video>
2

Hello there.

Do you have a question?

If so, please tell us what it is.

Learning to describe problems is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

Does the test fail?
Does the video not play?
Please provide a link to your pen rather than just a small code snippet.

3

Hey Roma,

Thanks for your feedback! Yes, correct! The task is not successful. The video does play. Another small side issue, is that I cannot control the sound. Maybe that has to do with the fact that the embed is a Wistia video?

Here is the pen: https://codepen.io/pablo101harley/pen/vYxPKaK

Any thoughts on how to complete task number 6 and the sound issue?

Thank you very much!
Pablo

4

Try adding
‘Your browser does not support the video format.’ before your end tag to see if the given src is being loaded.

5

Hey @enefbe,

Thanks for your reply!

It still doesn’t work.

6

@pablo101harley, I quickly tried, not too hard, to use that video and could not get everything to work.
Are you married to it? Is there a youtube video you could use instead?

7

Hi pablo101harley,
You have an id=“video” twice. An id must be unique.
Use the dropdown in the HTML and CSS code sections and choose Analyize. Go through your code to see that all is ok,

8

@enefbe

Thank you so much man!
Yeah, it works!
Didn’t know to look there!
Thank you (:slight_smile:

9

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.