JSFiddle - React, Tailwind, and code Playground

by dife

HTML

<video src="https://goo.gl/pWGuVD" width="100%" height="100%" controls>  </video>

CSS

* {
  padding: 0;
  margin: 0;
}

.video-container {
  width: 360px;
  height: 240px;
  background: black;
}

.video-container div {
  position: absolute;
  width: inherit;
}
input[type="range"]{
  position: absolute;
  margin-top: -40px;
  padding: 0px 5%;
  width: 90%;
}