JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//vjs.zencdn.net/5.11/video.min.js"></script>
<link rel="stylesheet" href="//vjs.zencdn.net/5.11/video-js.min.css">
<video class="video-js" id="video" controls autoplay preload="auto" width="100%" height="100%">
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
    <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
    <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
</video>

CSS

.video-js {
  width: 100%;
  height: 400px;
}

JavaScript

var video = videojs('#video').ready(function(){
	var player = this;
  
  video.requestFullscreen();

});