Im not sure if I need a specific version or browser but im trying the jsfiddles and nothing seems to work there
Popcorn a P2PU video
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.
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'
}
If you come up with a video, or if you get stuck, post your work here and we'll see what we can do.