Popcorn Defaults Constructor 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="my-footnote-default-id"></div>

CSS

html{font-family:arial;}

#my-footnote-default-id {
 width: 300px;   
}

JavaScript

var p = Popcorn("#video", {

          // using the "defaults" property
          // users can setup defaults for plugins
          defaults: {

            // plugin name
            footnote: { 

              // default values to send to plugin options
              target: "my-footnote-default-id",
              text: "I'm a default footnote!"
            }
          }
        });

p.footnote({
  // all calls will have:
  // target: "my-footnote-default-id"
  // text: "I'm a default footnote!"
  start: 1,
  end: 6

});
p.play();