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> 
<source src="http://www.sample-videos.com/video/mp4/480/big_buck_bunny_480p_5mb.mp4"></source>
<source src="http://www.sample-videos.com/video/mp4/480/big_buck_bunny_480p_5mb.mp4"></source>
<source src="http://www.sample-videos.com/video/mp4/480/big_buck_bunny_480p_5mb.mp4"></source>
</video>

JavaScript

// create our popcorn instance
var popcorn = Popcorn( "#video" );

// listen for when the time is updated
popcorn.on( "timeupdate", function( event ) {
   console.log('YOHOHO');
  // log something if we are seeking
  this.seeking() && console.log( "We are currently seeking" );
});

// play the video
popcorn.play();

// GRAB THE VIDEO SCRUBBER AND SEEK THROUGH IT TO FIRE THE MAKE THE LOG HAPPEN