MooVES 1.0

The MooTools Video Enhancement System

More detailed documentation will be avalaible soon!

MooVES is The MooTools Video Enhancement System, a plug-in for MooTools (1.2+ or 1.3+) which allows a preview video from many video types: YouTube, Vimeo, Dailymotion, Blip.tv, facebook, Flickr, Google Video, Megavideo, Metacafe, MySpace.tv, MSN, TwitVid, USTREAM, Yahoo Video, etc... . It supports also HTML5 video tag features BETA.

The plug-in is unobtrusive and displays the link to the video and a notice message when JavaScript or Adobe Flash Player are not enabled in the user's system.

The class is extensible, you can integrate other video sharing websites and network. It is completely customizable, thanks also to the advantage of an Open Source™ license.

Download source Report issues

YouTube

http://www.youtube.com/watch?v=eRsGyueVLvQ

Vimeo

http://www.vimeo.com/2203727

DailyMotion

http://www.dailymotion.com/video/x4nhr_elephants-dream_creation

Your HTML5 Video

http://mooves.firebuntu.com/videos/myvideo.flv

How to Use

This is a simple usage example:

HTML
<a id="player" href="http://www.youtube.com/watch?v=eRsGyueVLvQ">Sintel</a>
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 }
JS

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
  });
});

Known issues

I like to Mooves Mooves!