Published on November 14, 2016 by Quentin Watt
Want create site? Find Free WordPress Themes and plugins.

In this tutorial, I show you how to add videos to your website. I also show you how to loop, autoplay, and mute videos with attributes.

Sponsored by DevMountain. Get yourself career ready, check out their website: goo.gl/enNbQV
Don’t forget to tell them I sent you.

Validate your HTML document here:
validator.w3.org/#validate_by_upload

Follow me on social media:
Twitter: twitter.com/QuentinWatt
Facebook: www.facebook.com/quentinwatt
Instagram: www.instagram.com/quentinwatt
Snapchat: quentinwatt92

Become a Patron:
www.patreon.com/QuentinWatt

Subscribe to my Vlog channel:
www.youtube.com/c/Quentin

Subscribe to this channel:
www.youtube.com/QuentinWatt

Please note:
I do not offer web development services, private tutoring, or “assistance” on school or university projects. I am not an online support service, and I’m not interested in setting up a “start up” business with viewers.

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

23 Comments on "HTML5 and CSS3 beginner tutorial 10 – Videos"

Notify of
avatar

Khan Saif Ali
Guest
Khan Saif Ali
6 months 6 days ago

video is not supporting

Ali Haider
Guest
Ali Haider
6 months 10 days ago

I tried even perhaps a hundered times to upload image,music and video. But Nothing is being shown except the use of Controls Attributes.I think that's not the problem of mp3,mp4 or jpg. And even Coding is perfect, Kindly help me.

tithyyyy
Guest
tithyyyy
7 months 21 days ago

Hey Quentin, is there a reason my controls look a bit different than yours? for example the image of my video doesn't have a big play button, there's only a bar on the bottom for the controls. Thanks for the awesome videos!!

Quentin Watt Tutorials
Guest
Quentin Watt Tutorials
7 months 20 days ago

Yea, that's browser dependent. Every browser has it's own rendering system. If you want it to be the same in every browser, you'll need to build a custom media player, and you'll need to know javascript. Also it'll help to know a server side language as well. Which is why that is not covered in this series.

JIMMY ANDREWS
Guest
JIMMY ANDREWS
8 months 14 days ago

When I add my videos .,it only shows video control but not playing video!!

Nitin Gandhi
Guest
Nitin Gandhi
9 months 2 hours ago

The videos are really very awesome .loved it. Best one on the internet. Please keep posting more videos.

Vonzaku
Guest
Vonzaku
9 months 23 days ago

fantastic. Thank you for all of this.

Jonathan Carlson
Guest
Jonathan Carlson
9 months 28 days ago

how would you get rid of the download button in controls?

Something...... Something
Guest
Something...... Something
10 months 9 days ago

WHY SHOULDNT WE USE OTHER FORMATS LIKE MKV?

Quentin Watt Tutorials
Guest
Quentin Watt Tutorials
10 months 7 days ago

The browser will not be able to play them. .MP4 is the standard, anything else wont work.

MaksumicDesigns
Guest
MaksumicDesigns
10 months 15 days ago

That face when it didnt work, lol ;DBtw. Thanks for those tuts they are really helpful man!

Damnuel Coleman West
Guest
Damnuel Coleman West
1 year 3 days ago

<video src="; type="video/MP4" width="600" height="340" controls muted>When I validate it in that site or Dream Weaver I get Attribute type not allowed on element video at this point.

Damnuel Coleman West
Guest
Damnuel Coleman West
1 year 3 days ago

Is it because I linked it via if so i moved that file to a folder resources/videos/lion%20king.mp4 and i got rid of and it plays on my server.

Quentin Watt Tutorials
Guest
Quentin Watt Tutorials
1 year 3 days ago

You aren't doing it the way I showed you.

wpDiscuz