JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.githubusercontent.com/mozilla/popcorn-js/master/popcorn.js"></script>
<script src="https://raw.githubusercontent.com/mozilla/popcorn-js/master/unsupported/tagthisperson/popcorn.tagthisperson.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>
<div id="tagdiv"></div>

JavaScript

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

pop.tagthisperson({
        start: 1,
        end: 5,
        person: "Anna Sob",
        image: "http://newshour.s3.amazonaws.com/photos%2Fspeeches%2Fguests%2FRichardNSmith_thumbnail.jpg",
        href: "http://annasob.wordpress.com",
        target: "tagdiv"
      });

// play video
pop.play();