JSFiddle - React, Tailwind, and code Playground

HTML

<!--<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="activitydiv">Deprecated  Plugin, see JS of this fiddle</div>

JavaScript

/* 

This plugin has been deprecated, and does not exist in a working state. Feel free to fork it and hack it if you wish to use tumblr with popcorn-js

create our popcorn instance
var p = Popcorn( "#video" )
      // play the video
      .play()
      // set the volume to zero
      .volume( 0 )
      .tumblr({
        requestType: "blogpost",
        target: "activitydiv",
        start: 1,
        end: 5,
        blogId: 10596794348,
        base_hostname: "john.io/",
        api_key: "7lQpV9mMr2PiYjd20FavZcmReq8cWU0oHTS6d3YIB8rLUQvvcg"
      });
*/