moovie

An advanced HTML5 video player for MooTools.

Installation

You can include Moovie in your own project with npm:

$ npm install moovie

Or include Moovie directly in your page using the unpkg cdn:

<!-- with your own copy of MooTools... -->
<script src="//vendor/mootools/mootools-core.min.js"></script>
<script src="https://unpkg.com/moovie?main=browser"></script>

<!-- or bundled with MooTools... -->
<script src="https://unpkg.com/moovie?main=main"></script>

Alternatively, if you must, you can install Moovie using Bower as well:

$ bower install https://unpkg.com/moovie/bower.zip

Important Notes:

• Installing with npm includes its own copy of MooTools. This can cause conflicts with other libraries when creating a web application in node.
• Bower has MooTools setup as a dependency in its configuration file.

Basic Usage

// procedural-style
$$('video').toMoovie({
    // shared options
    autohideControls: false
});
 
// OOP-style
var player = new Moovie('avatar', {
    // instance-specific options
    debugger: true,
    playlist: [
        {
            'id': 'alice',
            'src': 'http://colinaarts.com/assets/alice.ogv'
        },
        {
            'id': 'shrek',
            'src': 'http://colinaarts.com/assets/shrek.ogv',
            'title': '<cite>Shrek Forever After</cite> theatrical trailer'
        }
    ]
});

And in your HTML:

<video src="video.mp4" poster="video.png">
    <track kind="subtitles" src="subs.srt" srclang="en" label="English" default="">
</video>

Contributing

Please see CONTRIBUTING.

License

Copyright © 2010 Colin Aarts

Please see LICENSE for more information.