Popcorn.js Annotation of Video

by dandiebolt

HTML

<script src="https://github.com/webmademovies/popcorn-js/raw/master/popcorn.js"></script>
<b>Philipp Schmidt P2PU Video Introduction</b><br/>
<video src="http://upload.wikimedia.org/wikipedia/commons/a/ac/P2puvid.ogv" controls id="vid"></video>
<br/>
<b id="clip"></b>

CSS

video { width:350px; height:300px; }

JavaScript

var popcorn = Popcorn("#vid");
var clip = $("#clip");

popcorn.exec(1, function() {
    clip.text('The Current Model Of Higher Education Is Broken!');
});

popcorn.exec(8, function() {
    clip.text('The Model Does Not Scale!');
}); 

popcorn.exec(22, function() {
    clip.text('Keep Learning For Rest Of Our Lives!');
});

popcorn.exec(37, function() {
    clip.text('Cost Too High!');
});

popcorn.exec(47, function() {
    clip.text('P2PU Recognition of Learning');
});

popcorn.exec(50, function() {
    clip.text('Lots Of Demand!');
});

popcorn.exec(65, function() {
    clip.text('Enter P2PU!');
});

popcorn.exec(80, function() {
    clip.text('Yada, Yada, Yada!');
});