JSFiddle - React, Tailwind, and code Playground

HTML

<div id="youtube" style="width:600px;height:400px;"></div>
<div id="foo"></div>

JavaScript

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

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

// play video
pop.play();