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>
<div id="map" style="position:relative;float:left;width:300px;height:400px"></div>

JavaScript

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

pop.openmap( {
        start: 0,
        end: 5,
        type: "ROADMAP",
        target: "map",
        lat: 43.665429,
        lng: -79.403323,
        zoom: "10"
      });

//play
pop.play();