An advanced HTML5 video player for MooTools.
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.
// 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>
Please see CONTRIBUTING.
Copyright © 2010 Colin Aarts
Please see LICENSE for more information.