How to code an HTML5 Background Video Hero Banner - Fully Responsive (2020)

Опубликовано: 22 Январь 2020
на канале: Mr Digital

30,100

488

In this video, you'll learn how to code your own HTML5 hero banner that is fully responsive and also have a video background that auto plays and works on most browsers including mobile devices.

This HTML5 background video tutorial uses HTML, CSS, and a tiny bit of Javascript. We aren't using any library like Bootstrap or Bulma - we're just doing it from scratch using Flexbox also.

I also show you how to compress your HTML5 background video for your website so that your website doesn't take too long to load.

You can grab the source code from here: https://github.com/mrdigitalau/Tutori...

Grab FREE stock video from here:
https://www.pexels.com/videos/

Use HandBrake to make to compress your videos for web use:
https://handbrake.fr/