Home / Questions / 24926
Accepted
May
Asked: 2020-09-25 09:24:49 +0800 CST 2020-09-25 09:24:49 +0800 CST

How to create background video with css3?

  • 772

The way I'm implementing the video is the correct way to create a background video.

How do I play the background video automatically by applying only css3 styling or is it necessary to add jQuery to play the video automatically.

How to hide or remove video playback buttons or tools 

#background-video {
  position: absolute;
  top: -157.906px;
  left: 0px;
  width: 1349px;
  height: 758.813px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

video {
  height: 100%;
  width: 100%;
  display: block;
}
<div id="background-video ">
  <video poster="http://www.themesindustry.com/html/bizone/video/thumb.jpg">
    <source src="http://www.themesindustry.com/html/bizone/video/video.mp4" type="video/mp4">
  </video>
</div>

jquery

1 Answers

  1. Best Answer

    Inside the video tag add controls autoplay preload="auto"

    • 3