Build a Product Landing Page- Video

HTML-CSS
#1

Tell us what’s happening:
I’m having trouble with the video part. I dont undertstand why when i put other video from examples of how to do it (f.e. ) they work, but when i only change the video it doesnt work anymore.

The hardest part is that i can’t find good information on google on how to put videos on html.

Your code so far
https://codepen.io/Sebolz/pen/wvaOYPv

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:74.0) Gecko/20100101 Firefox/74.0.

Challenge: Build a Product Landing Page

Link to the challenge:

#2

If you want to use videos from vimeo you can use the iframe they provide

  <iframe src="https://player.vimeo.com/video/{video_id}" width="{video_width}" height="{video_height}" frameborder="0" title="{video_title}" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

If you want to use the native HTML video element use this

<video controls width="250">
        <source src="/media/examples/flower.mp4"
            type="video/mp4">
</video>

you can go to the mozilla developer website to get information on the attributes the video tag can take. for instance adding an autoplay attribute would autoplay the video

<video autoplay controls width="250">
        <source src="/media/examples/flower.mp4"
            type="video/mp4">
</video>
1 Like
#3

Thank you very much !

#4

Thanks for that one, it helped.