html 5 video events

video.js

var f = $('#videoFrame');

// Listen for messages from the player
if (window.addEventListener){
	window.addEventListener('message', onMessageReceived, false);
}
else {
	window.attachEvent('onmessage', onMessageReceived, false);
}

// Handle messages received from the player
function onMessageReceived(e) {
	var data = JSON.parse(e.data);
	
	({
		ready: function(){
			post('addEventListener', 'finish');
			post('addEventListener', 'playProgress');
		},
		finish: function(){
			alert('done.');
		},
		playProgress: function(data){
			console.log(data.seconds);
		}
	}[data.event] || $.noop)(data);
}

// Helper function for sending a message to the player
function post(action, value) {
	var data = { method: action };
	
	if (value) {
		data.value = value;
	}
	
	f[0].contentWindow.postMessage(JSON.stringify(data), '*');
}