YouTube Video Timed Events Example
I've been playing around with the idea of timing events to occur on a web page to specific moments in a YouTube video. At the
end of the day this is the equivalent of a stupid pet trick but I did make it work. This example uses YouTubePlayer, SWFObject,
and the YouTube JavaScript API.
When you click play this is what will happen:
- On the "play" event this intro text will fade away, the background will darken & a timer will start.
- Between 13 seconds and 17 seconds in the video something not so subtle happens.
- On the "end" event some outro text will fade in, the background will lighten & the timer will stop.
YouTube Video Timed Events Example
Thanks for watching this simple example of using timed events with YouTube videos. The code is available. Another
example of this in action is the West Virginia University 2011 Holiday Card project. I also have a longer blog post that goes into
more detail about syncing events with YouTubePlayer.
You should be able to scrub and replay this video to your hearts content and still get the fireworks to fire off.
