JSFiddle - React, Tailwind, and code Playground

by popcornjs

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="twitterdiv"></div>-->
<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 pop = Popcorn( "#video" );

pop.twitter({
        start: 1,
        end: 5,
        title: "Steve Song",
        src: "@stevesong",
        target: "twitterdiv",
      });

// play video
pop.play();

*/