Popcorn a P2PU video [May 10, 2011, 9:45 a.m.]

P2PU has a video which they'd like us to Popcorn-ify. I used the example from our chat as a starting point. It looks a little different because P2PU's video is on Vimeo.

http://jsfiddle.net/tNhyt/9/

The trick here would be choosing the right images to match with the P2PU video, to make it more visually compelling. Adding an image is pretty easy -- you can copy the current image setup, and paste it immediately after. For example:

  .image({
  // start at 1 second
  start: 1,
  // hide at 10 seconds
  end: 10,
  // link / URL to image
  src: 'https://www.drumbeat.org/media//images/drumbeat-logo-splash.png',
  // put between <div id="imagediv"> and </div>
  target: 'imagediv'
  })

  .image({
  // start at 11 seconds
  start: 11,
  // hide at 14 seconds
  end: 14,
  // link / URL to image
  src: 'http://example.com/-Your-Awesome-Image.jpg',
  // put between <div id="imagediv"> and </div>
  target: 'imagediv'
  }