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:
- Include the Popcorn.js library : http://popcornjs.org/code/dist/popcorn-complete.min.js
- Add an id attribute to your video tag.
- Create a div tag and a give a unique id to that too.
- 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:
Next (All the code so far)