Css background video loop

To use a video background we have to use the HTML 5 element with position inside a container wrapper.

Videos are increasingly common in nowadays websites and a great way to create a modern website.

With just a bit of CSS you can add a video background to your site in a matter of minutes.

How to add text on background video in html

However, note that this technique works only for elements. This means the video will have to be hosted somewhere. You can also use CSS to create a Youtube video background, but that’s not what this tutorial is about.

Finding a background video

If you don’t have a video yet, the easiest way to find videos for your site is by using video stock galleries like Pixabay or Pexel.

Once you find the one you want to use, you’ll have to download it and upload it to your server (or CDN services like Cloudinary).

Once uploaded we have the URL of the video and we can use it in our element.

Adding the HTML for the video

For the video we’ll be using the HTML 5 video element.

It expects at least a video source file and ca

how to play video in background in html