Build a Product Landing : Please help me .. I can not embed video using HTML

Build a Product Landing : Please help me .. I can not embed video using HTML
0

#1

Tell us what’s happening:

I am stuck uploading video …

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page/


#2

You need to pass an absolute path with a link to the video file. By using only the video.mp4 you’re telling the browser to look for the file in the same directory as your html file; since your using Codepen, that won’t work unless you use Codepen assets.

And controls ="movie.mp4 is not the attribute you’re looking for. Read this.


#3

Thank you.

This was the code i used before.

I wonder why it is not working


#4



#5

I’ve seen your changes.

<video controls src="www.youtube.com/watch?v=Yty2RTfdBvw" type="video/mp4"
  width="300"
  height="200">
</video>

You CAN’T use a URL from YouTube to embed the video. You must use a URL pointing to an mp4 file in your case, like:

<video src="https://domain.com/path/to/video.mp4" type="video/mp4" ... ></video>

If you want to embed a video from YouTube you will need an iframe:

<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>

#6

Thank you very much

I really appreciate


#7

Can you please break this down for me ?


#8

What do you mean? I think it’s all been said in my comment :slight_smile:


#9

I want an explanation to this

domain.com/path/to/video.mp4


#10

Ah, OK. You just need to point to a video file through the Internet. For example, this link: https://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4