JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ejb.github.io/progressor.js/progressor.js"></script>
<video preload="auto" src="http://ejb.github.io/progressor.js/demos/physics.mp4" controls> </video>
<div id="progressbar"></div>

<p>Video is a CC-licensed <a href="http://en.wikipedia.org/wiki/File:Physicsworks.ogg">presentation by Walter Lewin</a>.</p>

CSS

.progressor {
  width: 300px;
  height: 20px;
  background: lightgrey;
}

.progressor-progress {
  background: grey;
}

JavaScript

var p = new Progressor({
    media : document.getElementsByTagName('video')[0],
    bar : document.getElementById('progressbar'),
    time : document.getElementById('timestamps')    
});