JSFiddle - React, Tailwind, and code Playground

HTML

<video id='video' controls>
    <source id='mp4' src="http://media.w3.org/2010/05/sintel/trailer.mp4" type='video/mp4' />
    <source id='webm' src="http://media.w3.org/2010/05/sintel/trailer.webm" type='video/webm' />
    <source id='ogv' src="http://media.w3.org/2010/05/sintel/trailer.ogv" type='video/ogg' />
    <p>Your user agent does not support the HTML5 Video element.</p>
</video>

JavaScript

var video = document.getElementById("video");

video.addEventListener("progress", progress, false);

function progress(e) {
    console.log(e);
}