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://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

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

// add an exec at 1 second to do log some data
$pop.exec( 3, function() {
    
    console.log("Executed at the 1 second mark!");
});

$pop.exec( 5, function() {
   // force a reload of the video at 3 seconds
   $pop.load(); 
});

$pop.play();