Posts Tagged javascript

Auto-Seek to a point in Youtube Video based on Highlighted Transcript

[inline] [/inline]

The following Example and video demonstrates a cool functionality that is possible when you combine Youtube's embeddable transcripts, and "Auto-Seek" capabilities. This is best described in the source article: Clickable Transcript of my Canonical Links Element Talk by Matt Cutts. The example below uses this javascript function here, and the Youtube Javascript API here, along with some frankensteined-together arrays of data made from Matt Cutt's data, to automatically seek to the point in the Youtube video that corresponds to the text you have highlighted.

Try highlighting some of the text below the video, it might take a second for the Youtube Video to load the first couple highlights you make, but it should speed up eventually.

note: you must highlight at least 10 characters of text to queue the video, if you are very careful, you might be able to confuse the page by highlighting text that occurs more than once in the transcript.

You need Flash player 8+ and JavaScript enabled to view this video.

Hi everybody. Welcome back to another video. We’re doing this thing where when we speak at a conference and we talk about something substantial, not just questions and answers, we talk through our presentation later and put it up so people can follow along, watch the slides, and hopefully learn a little bit. So today I wanted to talk about the canonical link element. And that’s something that Google, Yahoo!, and Microsoft all announced that they will support in the future at SMX West. So, the date that we had this announcement was February 12, 2009, and the funny thing about it is that Charles Darwin was born exactly 200 years ago that day.

Read the rest of this entry »

, ,

2 Comments