JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.githubusercontent.com/menismu/popcorn-js/master/popcorn.js"></script>
<script src="https://raw.githubusercontent.com/menismu/popcorn-js/master/wrappers/common/popcorn._MediaElementProto.js"></script>
<script src="https://raw.githubusercontent.com/menismu/popcorn-js/master/wrappers/youtube/popcorn.HTMLYouTubeVideoElement.js"></script>
<div id="youtube" style="width:600px;height:400px;"></div>
<div id="foo"></div>

JavaScript

// create our popcorn instance
var pop = Popcorn.HTMLYouTubeVideoElement( "#youtube");
pop.src = "http://www.youtube.com/watch?v=v-7kf7OZQtw";

pop.footnote({
    start: 1,
    end: 15,
    text: "Youtube working!",
    target: "foo"
});

// play video
pop.play();