Popcorn pause 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

//create out instance
var list []
var $pop = Popcorn("#video");

alert("here");
$(function() {


console.log("here");
list.push({ start: 1, end: 2, text: "foo", target: "footnotediv"});
  list.push({ start: 3, end: 4, text: "bar", target: "footnotediv"});
  console.log("foo");
  list.foreach(function(item,index){
  	console.log(index);
  	$pop.text(item);
  });
});