Popcorn Enable Example

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="footnotediv"></div>

CSS

html{font-family:arial;}

JavaScript

var $pop = Popcorn("#video");

$pop.footnote({
    start: 3, 
    end: 4, 
    target: "footnotediv", 
    text: "Hello World!"  
    
}).disable( "footnote" ).enable( "footnote" );