Adding Popcorn

Building on your code for a simple video player, there's a few things we need to get a basic Popcorn example up and running:

  1. Include the Popcorn.js library : http://popcornjs.org/code/dist/popcorn-complete.min.js
  2. Add an id attribute to your video tag.
  3. Create a div tag and a give a unique id to that too.
  4. After making sure the web page (DOM) has loaded [1] Instance your popcorn object. var pop = Popcorn("#your video id");

Add the bit that actually does something. We're going to use the footnote plugin so add the following code after the line where you instanced popcorn.

[1] Hint: