JSFiddle - React, Tailwind, and code Playground

by Mukul kant

HTML

<div class="page-section">
	<video width="" controls>
	  <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
	</video>
</div>
<section>
	This is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo textThis is demo text

</section>

CSS

* {
  margin:0;
  padding:0;

}

.page-section video{
	position: fixed;
	right: 0;
	bottom: 0;
	top:0;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	z-index: -100;
	background-size: cover;

}

/*.page-section#intro {
   min-height: 400px;    
}*/