A unique, intuitive and powerful framework for media playback.


How It Works

  1. Include fabuloos to your project

    Download fabuloos and host it on your server.
    Insert the <script> when needed or just before the </body>.

    <script src="/js/fabuloos.min.js"></script>
  2. Add an HTML5 player (<video> or <audio>)

    Semantic is important, fabuloos will extend HTML5’s media tags.

    <video id="example" width="640" height="360" src="/videos/clip.mp4" controls></video>

    ProTip™ In some few cases, you will want to replace something else than a <video> or <audio> or even create a player from scratch.
    Have a look to the fab() function in the documentation, every use cases are explained.

  3. Enjoy!

    Discover the fabuloos API, add interactivity to your medias and build something beautiful!

    fab("example").at("1m20", function() {

    Warning! Fabuloos doesn’t wait for the DOM to be ready.
    Create your player after the markup or use your beloved library to wait for the DOM to be ready.

fabuloos for iOS isn’t ready yet, stay tuned!

fabuloos for Android isn’t ready yet, stay tuned!

fabuloos for Windows isn’t ready yet, stay tuned!

How to Contribute

We truly believe that openness and innovation are key to a better world where everyone can be free to learn and progress with others. Please contribute to keep the project alive.

If you ♥ Fabuloos, first of all: thank you. You can help us making it even better.

One of the most important things you can do is to spread the word, talk about it (even if you are critical), use it (push it to the limits!) and if you find something missing or broken, request a feature or report a bug.

If you are confident with writing code, you can also write (awesome) plugins and renderers. Feel free to join us as a contributor by forking and asking for pull requests.

And last but not least, if you integrate fabuloos into a commercial product, or for any other reason, please donate to the project by clicking on the button.

I ♥ fab

Donate to the project

You will be taken to the PayPal website. Note that you do not have to create a PayPal account in order to donate money.