JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<video height="180" width="300" id="video" controls preload="none">
<source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.mp4"></source>
<source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.ogv"></source>
<source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.webm"></source>
</video>

JavaScript

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

// Listen for waiting event
v.addEventListener( "waiting", function( e ) {
    console.log( "waiting fired! " );
}, false );

// try to do a lot of things, likely forcing a `waiting` event to fire
v.addEventListener( "loadedmetadata", function() {
  for( var i = 0; i < 9999; i++ ) {
    v.currentTime = Math.random() * (v.duration);
    v.play();
  }
}, false );

v.play();