brettgaylor/popcorn-youtube.html

## popcorn-youtube.html
<!doctype html>
<html>
  <head>
    <script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>

    <script>
      // ensure the web page (DOM) has loaded
      document.addEventListener("DOMContentLoaded", function () {

           // Create a popcorn instance by calling the Youtube player plugin
         var example = Popcorn.youtube(
           '#video',
           'http://www.youtube.com/watch?v=CxvgCLgwdNk' );

         // add a footnote at 2 seconds, and remove it at 6 seconds
         example.footnote({
           start: 2,
           end: 6,
           text: "Pop!",
           target: "footnotediv"
         });

         // play the video right away
         example.play();

      }, false);
    </script>
  </head>
  <body>
    <div id="video" style="width: 360px; height: 300px;" ></div>
    <div id="footnotediv"></div>
  </body>
</html>
	<!doctype html>
	<html>
	<head>
	<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>

	<script>
	// ensure the web page (DOM) has loaded
	document.addEventListener("DOMContentLoaded", function () {

	// Create a popcorn instance by calling the Youtube player plugin
	var example = Popcorn.youtube(
	'#video',
	'http://www.youtube.com/watch?v=CxvgCLgwdNk' );

	// add a footnote at 2 seconds, and remove it at 6 seconds
	example.footnote({
	start: 2,
	end: 6,
	text: "Pop!",
	target: "footnotediv"
	});

	// play the video right away
	example.play();

	}, false);
	</script>
	</head>
	<body>
	<div id="video" style="width: 360px; height: 300px;" ></div>
	<div id="footnotediv"></div>
	</body>
	</html>