SummArg | Cursos y recursos para webmasters

11/10/2011

Integrar diferentes servicios de videos con MooTools MooVES

MooVES es un plugin para MooTools que permite una integración rápida y sencilla de diferentes servicios de video como: YouTube, Vimeo, Dailymotion, Blip.tv, facebook, Flickr, Google Video, Megavideo, Metacafe, MySpace.tv, MSN, TwitVid, USTREAM, Yahoo Video, etc. Soporta HTML5 y es totalmente no-obtrusivo, mostrando un link al video y un mensaje cuando JavaScript o el Adobe Flash Player no están habilitados en el navegador del usuario.

Para utilizarlo basta con insertar el link al video de este modo:

<a id="player" href="http://www.youtube.com/watch?v=eRsGyueVLvQ">Sintel</a>  

El CSS:

.mooves { display:block }.mooves_preview { position:relative; display:block; overflow:hidden }.mooves_overlay { position:absolute; top:0; left:0; background:url(player_btn.png) center center no-repeat; cursor:pointer }

y el JavaScript

window.addEvent('domready', function(){  var player = new MooVES($('player'), {    container: null,    parse: 'href',    proxy: 'mooves_proxy.php',    width: 480,    height: 360,    background: '#333333',    foreground: '#000000',    hd: true  });});    

Descargar

Dejar un comentario