Create HTML5 Fullscreen Video Background Using CSS


In this article, i will show you how to add static video in background of html section using css. It is a very easy and simple script to add video background on loading page. In this article i am using HTML5 video tag <video width=”300″ height=”150″> to embed this video and css is used to put video on background.</video>

Above script is using to ad HTML <video> tag and in video properties we set to mute, autoplay and loop control. this control will play video automatically without sound and repeat it all again and again.

CSS used to make video background:

Above CSS will make video on full screen of your landing page.

You will get complete code here:


If you need any help regarding this tutorials please feel free to comment we love to help you or you need all code file please contact us.

Related posts