Reproductor de video HTML5 que permite votar las partes favoritas

Desde Zurb nos regalan un proyecto de lo más interesante, se trata de un reproductor de video desarrollado en HTML5, con barra de progreso, y con la novedosa posibilidad de votar las partes preferidas del video utilizando para ello la barra espaciadora.

HTML5 Video Voting recopila la cantidad de votos que el video recibe y genera una pequeña gráfica estadística en la parte inferior del video mostrando las partes que recibieron más votos por parte de los usuarios, todo en una interface sencilla creada utilizando HTML5, jQuery y en este caso Ruby on Rails, aunque esto lo podemos modificar utilizando cualquier otro lenguaje o framework.

html5 video votar jquery

Actualmente el reproductor esta testeado y funciona perfectamente en navegadores como Firefox +4, Chrome +10, y Safari 4+.

Ejemplo de uso:

<script src="html5-video-voting/embed.js"></script>
<script>
	$('#ted').poptastic({
		'video_id' : 12,
		'autoplay' : true,
		'width'    : 600,
		'height'   : 340
	});
</script>

Si bien este tipo de reproductores no están siendo muy utilizados en la actualidad por asuntos relacionados a la compatibilidad con distintos navegadores antiguos, en un futuro no muy lejano creo que van a copar todos los sitios que necesiten reproducir vídeos de una forma simple.

Web: HTML5 Video Voting