brettgaylor · June 24, 2011 21:56
diff --git a/Popcorn.vimeo.html b/Popcorn.vimeo.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 Vimeo player plugin
         var example = Popcorn.vimeo(
         '#video',
         'http://player.vimeo.com/video/25107077');

         // 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 Vimeo player plugin
	var example = Popcorn.vimeo(
	'#video',
	'http://player.vimeo.com/video/25107077');

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