HTML5 video player
JavaScript CSS HTML
Latest commit 7105739 Jan 25, 2016 @jobara jobara Merge remote-tracking branch 'anastasia/VP-335'
* anastasia/VP-335:
  VP-335: Simplify "showCurrentTrack()" by using fluid.byId()
  VP-335: Linting and small fixes
  VP-335: Update tests to latest Amara api
  VP-335: Clean up changes to work with model relay code
  VP-355: Fix track selection to use id instead of array index
  VP-335: Update Amara API; captions still not displaying, but they are being retrieved


What Is VideoPlayer?

VideoPlayer is an HTML5 video player, built with the Fluid Infusion framework.

Where Can I See a Demo?

How Do I Build VideoPlayer?

VideoPlayer can be used as is, by linking in all of the necessary dependencies into the <head>.
However, you may want to minimize on round trips to the server and on file size. With this in mind,
you will likely want to create source and minified versions of the concatenated JavaScript files by using
the grunt build described below. This will only minify and concatenate the js files, the other files will need
to be linked in independently. "lib/html5shiv/js/html5shiv.js" is the only JavaScript file which isn't included.
If you need to support older versions of IE you should include this file with a conditional comment.

        <!--[if lt IE 9]>
            <script type="text/javascript" src="../lib/html5shiv/js/html5shiv.js"></script>


    node.js (
    grunt-cli (


    # only need to run if the grunt-cli has not already been installed
    npm install -g grunt-cli

    # only need to run this the first time, as it will install all necessary dependencies.
    npm install

    # runs the build and creates
    # products/
    # products/

Build Options:

    # a comma separated list of modules to be included in the package
    # Example: grunt --include="core"

    # a comma separated list of modules to be excluded from the package.
    # Example: grunt --exclude="infusion"

    # the name of the package, used for both zip and js files. The minified version will have "-min" appeneded to the end.
    # Example: grunt --packageName="customVP"

Other build tasks:

    # will remove all build related directories and files
    grunt clean

    # will just build the concatenated source file
    grunt build-src

    # will just build the concatentated files, source and min
    gurnt build-min


    # The main video player js files

    # The js files for the Captionator dependency

    # The js files for the Infusion dependency

    # The js files for jQueryUI Widgets not included in infusion

    # the js files for the MediaElement dependency

Who Makes VideoPlayer, and How Can I Help?

The Fluid community is an international group of designers, developers, and testers who focus on a
common mission: improving the user experience and accessibility of the open web.

The best way to join the Fluid Community is to jump in to any of our community activities.
Visit our "Get Involved" page for links to our mailing lists, chat room, wiki, etc.: