JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script src="http://popcornjs.org/code/unsupported/attribution/popcorn.attribution.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="attribdiv"></div>

JavaScript

// create our popcorn instance
var p = Popcorn( "#video" )
      // play the video
      .play()
      // set the volume to zero
      .volume( 0 )
      .attribution({
        start: 0,
        end: 2,
        nameofwork: "A Shared Culture",
        copyrightholder:"Jesse Dylan",
        license: "CC-BY-N6",
        licenseurl: "http://creativecommons.org/licenses/by-nc/2.0/",
        target: "attribdiv"
      });