JSFiddle - React, Tailwind, and code Playground

by MrJosha

HTML

<div class="wrapper">
  <video class="videoInsert">
  <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
 </video>
</div>

CSS

.videoInsert {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: inline-block;
}

.wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body, html {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}