humphd · June 22, 2011 14:09
diff --git a/gistfile1.html b/gistfile1.html
 <!doctype html>
 <html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <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(Popcorn.youtube( 
           'video', 
           'http://www.youtube.com/watch?v=CxvgCLgwdNk', 
           { width: 300 } ) );

         // 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>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<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(Popcorn.youtube(
	'video',
	'http://www.youtube.com/watch?v=CxvgCLgwdNk',
	{ width: 300 } ) );

	// 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>