JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="video_div">
  <video controls autoplay loop muted>
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    Could not play video
  </video>
</div>
</body>

CSS

div.video_div{
	width:800px;
	height:300px;
	border:1px solid red;
	background-color:blue;
	margin:0 auto;
  overflow: hidden; /* Add this */
}
video{
	width:100%;
	height:100%;
	object-fit: cover; /* Use contain instead if you want the object to fit without cropping */
}