v4.3.0-10

Pick up addition of endOfStream function to allow media sources to signal when the underlying video data is finishing.

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 dist/*
 build/files/*
+docs/api/*
 dev.html
 projects
 .zenflow-log
@@ -14,7 +15,13 @@ npm-debug.log
 sandbox/*
 !sandbox/*.example
 
+# ignore any Karma conf.js files in the test/ directory
+test/*.conf.js
+
 *.swp
 *.swo
 
 *.orig
+
+*results.xml
+*.log

.npmignore

@@ -0,0 +1,26 @@
+.DS_Store
+build/files/*
+docs/api/*
+dev.html
+projects
+.zenflow-log
+test/*.map
+.bunyipconfig.js
+.s3config.json
+
+node_modules
+npm-debug.log
+
+sandbox/*
+!sandbox/*.example
+
+# ignore any Karma conf.js files in the test/ directory
+test/*.conf.js
+
+*.swp
+*.swo
+
+*.orig
+
+*results.xml
+*.log

.zenflow

@@ -1,10 +0,0 @@
---- 
-confirm_review: true
-backup_remote: false
-release_branch: stable
-project: videojs
-qa_branch: false
-staging_branch: false
-development_branch: master
-remote: origin
-confirm_staging: false

CHANGELOG.md

@@ -2,10 +2,49 @@ CHANGELOG
 =========
 
 ## Unreleased (HEAD)
-_(none)_
+* Made the poster updateable after initialization ([view](https://github.com/videojs/video.js/pull/838))
+* Exported more textTrack functions ([view](https://github.com/videojs/video.js/pull/815))
+* Moved player ID generation to support video tags with no IDs ([view](https://github.com/videojs/video.js/pull/845))
+* Moved to using QUnit as a dependency ([view](https://github.com/videojs/video.js/pull/850))
+* Added the util namespace for public utility functions ([view](https://github.com/videojs/video.js/pull/862))
+* Fixed an issue with calling duration before Flash is loaded ([view](https://github.com/videojs/video.js/pull/861))
 
 --------------------
 
+## 4.3.0 (2013-11-04)
+* Added Karma for cross-browser unit testing ([view](https://github.com/videojs/video.js/pull/714))
+* Unmuting when the volume is changed ([view](https://github.com/videojs/video.js/pull/720))
+* Fixed an accessibility issue with the big play button ([view](https://github.com/videojs/video.js/pull/777))
+* Exported user activity methods ([view](https://github.com/videojs/video.js/pull/783))
+* Added a classname to center the play button and new spinner options ([view](https://github.com/videojs/video.js/pull/784))
+* Added API doc generation ([view](https://github.com/videojs/video.js/pull/801))
+* Added support for codecs in Flash mime types ([view](https://github.com/videojs/video.js/pull/805))
+
+## 4.2.2 (2013-10-15)
+* Fixed a race condition that would cause videos to fail in Firefox ([view](https://github.com/videojs/video.js/pull/776))
+
+## 4.2.1 (2013-09-09)
+* Fixed an infinite loop caused by loading the library asynchronously ([view](https://github.com/videojs/video.js/pull/727))
+
+## 4.2.0 (2013-09-04)
+* Added LESS as a CSS preprocessor for the default skin ([view](https://github.com/videojs/video.js/pull/644))
+* Exported MenuButtons for use in the API ([view](https://github.com/videojs/video.js/pull/648))
+* Fixed ability to remove listeners added with one() ([view](https://github.com/videojs/video.js/pull/659))
+* Updated buffered() to account for multiple loaded ranges ([view](https://github.com/videojs/video.js/pull/643))
+* Exported createItems() for custom menus ([view](https://github.com/videojs/video.js/pull/654))
+* Preventing media events from bubbling up the DOM ([view](https://github.com/videojs/video.js/pull/630))
+* Major reworking of the control bar and many issues fixed ([view](https://github.com/videojs/video.js/pull/672))
+* Fixed an issue with minifiying the code on Windows systems ([view](https://github.com/videojs/video.js/pull/683))
+* Added support for RTMP streaming through Flash ([view](https://github.com/videojs/video.js/pull/605))
+* Made tech.features available to external techs ([view](https://github.com/videojs/video.js/pull/705))
+* Minor code improvements ([view](https://github.com/videojs/video.js/pull/706))
+* Updated time formatting to support NaN and Infinity ([view](https://github.com/videojs/video.js/pull/627))
+* Fixed an `undefined` error in cases where no tech is loaded ([view](https://github.com/videojs/video.js/pull/632))
+* Exported addClass and removeClass for player components ([view](https://github.com/videojs/video.js/pull/661))
+* Made the fallback message customizable ([view](https://github.com/videojs/video.js/pull/638))
+* Fixed an issue with the loading spinner placement and rotation ([view](https://github.com/videojs/video.js/pull/694))
+* Fixed an issue with fonts being flaky in IE8
+
 ## 4.1.0 (2013-06-28)
 * Turned on method queuing for unready playback technologies (flash) [view](https://github.com/videojs/video.js/pull/553)
 * Blocking user text selection on player components [view](https://github.com/videojs/video.js/pull/524)

CONTRIBUTING.md

@@ -1,155 +1,254 @@
-So you're telling me you want to spend some of your precious time giving back to this humble project? You're crazy. But since you're here...there are some ways you can help make Video.js a faster, easier, more compatible, and more fully-featured video player.
+CONTRIBUTING
+============
+So you want to help out? Great! There's a number of ways you can get involved.
 
-  * Bug reports and fixes
-  * Features and changes (pull requests)
-  * [Answer questions](http://stackoverflow.com/questions/tagged/video.js) on Stack Overflow
-  * Other Video.js projects
+  * [File and discuss issues](#filing-issues)
+  * [Contribute code](#contributing-code)
+  * [Build and share plugins](docs/plugins.md)
+  * [Answer questions on Stack Overflow](http://stackoverflow.com/questions/tagged/video.js)
 
-Don't miss the [code style guide](#code-style).
+There's also other Video.js projects where you can help. (check the [video.js org](https://github.com/videojs) for an up-to-date list of projects)
 
-# Getting started
+  * [Videojs.com](https://github.com/videojs/videojs.com)
+  * [Video.js flash player](https://github.com/videojs/video-js-swf)
+  * [Player skin designer](https://github.com/videojs/designer)
+  * [Contribflow](https://github.com/zencoder/contribflow)
 
-1. [Download and install Node.js](http://nodejs.org/download/). Video.js uses Node for build and test automation.
-   There is a known issue between Node.js version 0.10.x and phantomjs.  This will manifest itself during the node module installation (see step 4 below).  For the time being, please install Node.js version 0.8.22 or earlier.  You can find earlier versions of Node.js [here](http://nodejs.org/dist/).
+Filing issues
+-------------
+[GitHub Issues](https://github.com/videojs/video.js/issues) are used for all discussions around the codebase, including **bugs**, **features**, and other **enhancements**.
 
-2. [Fork](http://help.github.com/fork-a-repo/) and clone the video.js git repository.
+### Reporting a Bug
 
-  ```bash
-  # Clones your fork of the repo into the current directory in terminal
-  git clone https://github.com/<your-username>/video-js.git
-  # Navigate to the newly cloned directory
-  cd video-js
-  # Assigns the original repo to a remote called "upstream"
-  git remote add upstream https://github.com/zencoder/video-js.git
-  ```
-
-  In the future, if you want to pull in updates to video.js that happened after you cloned the main repo, you can run:
-
-  ```bash
-  git checkout master
-  git pull upstream master
-  ```
-
-3. Install the grunt-cli package so that you will have the correct version of grunt available from any project that needs it. This should be done as a global install:
-
-  ```bash
-  npm install -g grunt-cli
-  ```
-
-4. Install required node.js modules using node package manager.
-
-  ```bash
-  npm install
-  ```
-
-5. Build a local copy. Video.js uses [grunt](http://gruntjs.com), a node-based task automation tool for building and tesing. The following will compile a local copy in the dist/ directory and run tests. It will also create a sourcelist.js file that can be used to load the video.js source scripts in a page.
-
-  ```bash
-  grunt
-  ```
-
-6. When you're ready to add a feature, make a change, or fix a bug, first create a new branch for it. Prefix the branch with the correspoding [issue number](https://github.com/zencoder/video-js/issues). If there isn't one, submit a new issue. Anything more complicated than simple docs changes should have an issue.
-
-  ```bash
-  git checkout -b <####-branch-name>
-  ```
-
-Be sure to reference your issue in any commit message. Github allows you to do this though the [fixes or closes](https://github.com/blog/831-issues-2-0-the-next-generation) keywords.
-
-  ```bash
-  My commit message. fixes #123
-  ```
-
-# Bugs
-
-A bug is a _demonstrable problem_ that is caused by the code in the
-repository. Good bug reports are extremely helpful - thank you!
+**A bug is a demonstrable problem** that is caused by the code in the repository. Good bug reports are extremely helpful. Thank You!
 
 Guidelines for bug reports:
 
-1. **Use the [GitHub issue search](https://github.com/zencoder/video-js/issues)** &mdash; check if the issue has already been reported.
+1. Use the [GitHub issue search](https://github.com/videojs/video.js/issues) &mdash; check if the issue has already been reported.
 
-2. **Check if the issue has been fixed** &mdash; try to reproduce it using the latest `master` branch in the repository.
+2. Check if the issue has already been fixed &mdash; try to reproduce it using the latest `master` branch in the repository.
 
-3. **Isolate the problem** &mdash; ideally create a [reduced test
-   case](http://css-tricks.com/6263-reduced-test-cases/) and a live example.
+3. Isolate the problem &mdash; **create a [reduced test case](http://css-tricks.com/6263-reduced-test-cases/)** with a live example. You can possibly use [this JSBin example](http://jsbin.com/axedog/7/edit) as a starting point.
 
-A good bug report shouldn't leave others needing to chase you up for more information. Please try to be as detailed as possible in your report. What is your environment? What steps will reproduce the issue? What browser(s), OS, and devices experience the problem? What would you expect to be the outcome? All these
-details will help people to fix any potential bugs.
+A good bug report should be as detailed as possible, so that others won't have to follow up for the essential details.
 
-Example:
+Here's an example:
 
-> Short and descriptive example bug report title
+> Short yet concise Bug Summary
 >
-> A summary of the issue and the browser/OS environment in which it occurs. If
-> suitable, include the steps required to reproduce the bug.
+> Description:
+> Happens on Windows 7 and OSX. Seen with IE9, Firefox 19 OSX, Chrome 21, Flash 11.6 and 11.2
 >
 > 1. This is the first step
 > 2. This is the second step
 > 3. Further steps, etc.
 >
-> `<url>` (a link to the reduced test case)
+> Expected:
+> (describe the expected outcome of the steps above)
+>
+> Actual:
+> (describe what actually happens)
+>
+> `<url>` (a link to the reduced test case, if it exists)
 >
 > Any other information you want to share that is relevant to the issue being
 > reported. This might include the lines of code that you have identified as
 > causing the bug, and potential solutions (and your opinions on their
 > merits).
 
-**[File a bug report](https://github.com/h5bp/html5-boilerplate/issues/)**
+**[File a bug report](https://github.com/videojs/video.js/issues/new)**
 
-### NOTE: Testing Flash Locally in Chrome
-Chrome 21+ (as of 2013/01/01) doens't run Flash files that are local and loaded into a locally accessed page (file:///). To get around this you need to [disable the version of Flash](http://helpx.adobe.com/flash-player/kb/flash-player-google-chrome.html#How_can_I_run_debugger_or_alternate_versions_of_Flash_Player_in_Google_Chrome) included with Chrome and enable a system-wide version of Flash.
+### Requesting a Feature
+
+1. [Check the plugin list](https://github.com/videojs/video.js/wiki/Plugins) for any plugins that may already support the feature.
+
+2. [Search the issues](https://github.com/videojs/video.js/issues) for any previous requests for the same feature, and give a thumbs up or +1 on existing requests.
+
+2. If no previous requests exist, create a new issue. Please be as clear as possible about why the feautre is needed and the intended use case.
+
+**[Request a feature](https://github.com/videojs/video.js/issues/new)**
+
+Contributing code
+-----------------
+
+To contibute code you'll need to be able to build a copy of Video.js and run tests locally. There are a few requirements before getting started.
+
+- Node.js -- Video.js uses Node for build and test automation. Node is available for Windows, Mac OS X, Linux, and SunOS, as well as source code if that doesn't scare you. [Download and install Node.js](http://nodejs.org/download/)
+
+- grunt-cli -- Install grunt-cli globally so that you will have the correct version of grunt available for any project that needs it.
+
+  On Unix-based systems, you'll have to do this as a superuser:
+
+```bash
+sudo npm install -g grunt-cli
+```
+  On Windows, you can just run:
+
+```bash
+npm install -g grunt-cli
+```
+
+- Contribflow -- A homegrown git workflow tool for managing feature/hotfix branches and submitting pull requests. If you have your own preferred git workflow, contribflow isn't required, but the following instructions will assume you're using it.
+
+  On Unix-based systems, you'll have to do this as a superuser:
+
+```bash
+sudo npm install -g contribflow
+```
+
+  On Windows, you can just run:
+
+```bash
+npm install -g contribflow
+```
+
+### Building your own copy of Video.js
+
+First, [fork](http://help.github.com/fork-a-repo/) the video.js git repository. At the top of every github page, there is a Fork button. Click it, and the forking process will copy Video.js into your own GitHub account.
+
+Clone your fork of the repo into your code directory
+
+```bash
+git clone https://github.com/<your-username>/video.js.git
+```
+
+Navigate to the newly cloned directory
+
+```bash
+cd video.js
+```
+
+Assign the original repo to a remote called "upstream"
+
+```
+git remote add upstream https://github.com/videojs/video.js.git
+```
+
+>In the future, if you want to pull in updates to video.js that happened after you cloned the main repo, you can run:
+>
+> ```bash
+> git checkout master
+> git pull upstream master
+> ```
+
+Install the required node.js modules using node package manager
+
+```bash
+npm install
+```
+
+> A note to Windows developers: If you run npm commands, and you find that your command prompt colors have suddenly reversed, you can configure npm to set color to false to prevent this from happening.
+> `npm config set color false`
+> Note that this change takes effect when a new command prompt window is opened; the current window will not be affected.
+
+Build a local copy of video.js and run tests
+
+```bash
+grunt
+grunt test
+```
+
+Video.js is also configured to run tests with Karma. Karma is installed as a grunt plugin to run QUnit tests in real browsers, as opposed to simply running the tests in phantomjs, a headless browser. 
+
+To run the QUnit test suite in Karma, do the following: 
+1. Copy test/karma.conf.js.example and rename the copy test/karma.conf.js.  Please note that if you decide to name the file something other than karma.conf.js, or if you decide to change the location of your conf.js file from the test/ folder, you will need to change references to karma.conf.js in Gruntfile and .gitignore to your new file name and location, so that you don't inadvertently add your conf.js file to any of your video.js pull requests.
+2. Open test/karma.conf.js in an editor, and configure the properties in it as desired.  At a minimum, you'll want to add the browsers that you want to run your tests in.  The karma.conf.js.example file has detailed information on usage in the file itself. 
+After you've configured the desired properties in your karma.conf.js, run:
+```bash
+grunt karma:dev
+```
+
+At this point you should have a built copy of video.js in a directory named `dist`, and all tests should be passing.
+
+### Making Changes
+
+Whether you're adding something new, making something better, or fixing a bug, you'll first want to search the [GitHub issues](https://github.com/videojs/video.js/issues) and [plugins list](https://github.com/videojs/video.js/wiki/Plugins) to make sure you're aware of any previous discussion or work. If an unclaimed issue exists, claim it via a comment. If no issue exists for your change, submit one, follwing the [issue filing guidelines](#filing-issues).
+
+There are two categories of changes in video.js land, features and hotfixes (Video.js follows a branching model similar to [gitflow](http://nvie.com/posts/a-successful-git-branching-model/)). Hotfixes are for urgent fixes that need to be released immediately as a patch. Features are for everything else (including non-urgent fixes). If you think you have a hotfix scenario, verify that (via comment) before starting the work. We'll focus on features here, but you can swap `hotfix` for `feature` in any command.
+
+Start a new development branch
+
+```bash
+contrib feature start
+```
+
+You'll be prompted to name the branch.  After that, contrib will create the branch locally, and use git to push it up to your origin, and track it.  You're now ready to start building your feature or fixing that bug! Be sure to read the [Code Style Guide](#code-style-guide).
+
+While you're developing, you can ensure your changes are working by writing tests (in the `test` directory) and running `grunt test`.
+
+There's also a sandbox directory where you can add any file and it won't get tracked as a change. To start you can copy the example index file and see a working version of a player (using the local source code) by loading it in a browser.
+
+```bash
+cp sandbox/index.html.example sandbox/index.html
+open sandbox/index.html
+```
+
+> #### NOTE: Testing Flash Locally in Chrome
+> Chrome 21+ (as of 2013/01/01) doens't run Flash files that are local and loaded into a locally accessed page (file:///).
+> To get around this you can do either of the following:
+>
+> 1. Do your development and testing using a local HTTP server.
+>
+> 2. [Disable the version of Flash included with Chrome](http://helpx.adobe.com/flash-player/kb/flash-player-google-chrome.html#How_can_I_run_debugger_or_alternate_versions_of_Flash_Player_in_Google_Chrome) and enable a system-wide version of Flash instead.
 
 
-## Pull requests
+Commit and push changes as you go (using git directly). Write thorough descriptions of your changes in your commit messages.
 
-Good pull requests - patches, improvements, new features - are a fantastic help. They should remain focused in scope and avoid containing unrelated commits. If your contribution involves a significant amount of work or substantial changes to any part of the project, please open an issue to discuss it first.
+```bash
+git add .
+git commit -av
+git push
+```
 
-Make sure to adhere to the coding conventions used throughout a project (indentation, accurate comments, etc.). Please update any documentation that is relevant to the change you're making.
+> GitHub allows you to close an issue through your commit message using the [fixes](https://github.com/blog/831-issues-2-0-the-next-generation) keyword.
+>
+> ```bash
+> My commit message. fixes #123
+> Testing: (briefly describe any testing here, for example, 'unit tests and cross-browser manual tests around playback and network interruption')
+> ```
 
-Please follow this process; it's the best way to get your work included in the project:
+### Submitting your changes
 
-1. [Fork](http://help.github.com/fork-a-repo/) the project, clone your fork, and configure the remotes:
+First, thoroughly test your feature or fix, including writing tests to make sure your change doesn't get regressed in a future update. If you're fixing a bug, we recommend in addition to testing the fix itself, to do some testing around the areas that your fix has touched. For example, a brief smoketest of the player never hurts.
 
-   ```bash
-   # Clones your fork of the repo into the current directory in terminal
-   git clone https://github.com/<your-username>/html5-boilerplate.git
-   # Navigate to the newly cloned directory
-   cd html5-boilerplate
-   # Assigns the original repo to a remote called "upstream"
-   git remote add upstream https://github.com/h5bp/html5-boilerplate.git
-   ```
+Make sure your changes are pushed to origin
 
-2. If you cloned a while ago, get the latest changes from upstream:
+```bash
+git push
+```
 
-   ```bash
-   git checkout master
-   git pull upstream master
-   ```
+Use contrib to submit a a pull request (make sure you're in your feature branch)
 
-3. Create a new topic branch to contain your feature, change, or fix:
+```bash
+contrib feature submit
+```
 
-   ```bash
-   git checkout -b <topic-branch-name>
-   ```
+You'll be prompted for title and description for the Pull Request.  After that, contrib will use Git to submit your pull request to video.js.
 
-4. Commit your changes in logical chunks. Please adhere to these [git commit message guidelines](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html) or your pull request is unlikely be merged into the main project. Use git's [interactive rebase](https://help.github.com/articles/interactive-rebase) feature to tidy up your commits before making them public.
+You're Done! (except for cleanup.) To clean up your feature or hotfix branch:
 
-5. Locally merge (or rebase) the upstream development branch into your topic branch:
+First, checkout your feature or issue branch:
 
-   ```bash
-   git pull [--rebase] upstream master
-   ```
+```bash
+git checkout (branchname)
+```
 
-6. Push your topic branch up to your fork:
+Run this command to clean up your feature:
 
-   ```bash
-   git push origin <topic-branch-name>
-   ```
+```bash
+contrib feature delete
+```
 
-10. [Open a Pull Request](http://help.github.com/send-pull-requests/) with a clear title and description.
+Run this command to clean up your bug fix:
 
-# Code Style
+```bash
+contrib hotfix delete
+```
+> PLEASE NOTE: THIS WILL DELETE YOUR LOCAL AND REMOTE COPIES OF THE FEATURE.
+> This is meant to clean up your local and remote branches, so make sure any changes you don't want to lose have been pulled into the parent project or another branch first.
+
+Code Style Guide
+----------------
 Please follow [Google's JavaScript Style Guide](http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml) to the letter. If your editor supports [.editorconfig](http://editorconfig.org/#download) it will make it easier to manage differences from your own coding style.
 
 ### Style examples include:
@@ -162,11 +261,6 @@ Please follow [Google's JavaScript Style Guide](http://google-styleguide.googlec
 
 If you happen to find something in the codebase that does not follow the style guide, that's a good opportunity to make your first contribution!
 
-# Other Video.js Pojects
-* [Video.js SWF](https://github.com/zencoder/video-js-swf) - The light-weight flash video player that makes flash work like HTML5 video. This allows player skins, plugins, and other features to work with both HTML5 and Flash.
-
-* [Videojs.com](http://videojs.com) - The public site with helpful tools and information about Video.js.
-
 ---
 ### Doc Credit
 This doc was inspired by some great contribution guide examples including [contribute.md template](https://github.com/contribute-md/contribute-md-template),

Gruntfile.js

@@ -20,6 +20,13 @@ module.exports = function(grunt) {
   };
   version.majorMinor = version.major + '.' + version.minor;
 
+  // loading predefined source order from source-loader.js
+  // trust me, this is the easist way to do it so far
+  /*jshint undef:false, evil:true */
+  var blockSourceLoading = true;
+  var sourceFiles; // Needed to satisfy jshint
+  eval(grunt.file.read('./build/source-loader.js'));
+
   // Project configuration.
   grunt.initConfig({
     pkg: pkg,
@@ -45,12 +52,12 @@ module.exports = function(grunt) {
     minify: {
       source:{
         src: ['build/files/combined.video.js', 'build/compiler/goog.base.js', 'src/js/exports.js'],
-        externs: ['src/js/media/flash.externs.js'],
+        externs: ['src/js/player.externs.js', 'src/js/media/flash.externs.js'],
         dest: 'build/files/minified.video.js'
       },
       tests: {
         src: ['build/files/combined.video.js', 'build/compiler/goog.base.js', 'src/js/exports.js', 'test/unit/*.js', '!test/unit/api.js'],
-        externs: ['src/js/media/flash.externs.js', 'test/qunit/qunit-externs.js'],
+        externs: ['src/js/player.externs.js', 'src/js/media/flash.externs.js', 'test/qunit-externs.js'],
         dest: 'build/files/test.minified.video.js'
       }
     },
@@ -61,7 +68,7 @@ module.exports = function(grunt) {
       minified_api: ['test/minified-api.html']
     },
     watch: {
-      files: [ 'src/**/*.js', 'test/unit/*.js' ],
+      files: [ 'src/**/*', 'test/unit/*.js', 'Gruntfile.js' ],
       tasks: 'dev'
     },
     copy: {
@@ -111,6 +118,35 @@ module.exports = function(grunt) {
         dest: 'build/files/',
         ext: '.min.css'
       }
+    },
+    less: {
+      dev: {
+        files: {
+          'build/files/video-js.css': 'src/css/video-js.less'
+        }
+      }
+    },
+    karma: {
+      options: {
+        configFile: 'test/karma.conf.js'
+      },
+      dev: {
+        configFile: 'test/karma.conf.js',
+        autoWatch: true
+      },
+      ci: {
+        configFile: 'test/karma.conf.js',
+        autoWatch: false
+      }
+    },
+    vjsdocs: {
+      all: {
+        src: sourceFiles,
+        dest: 'docs/api',
+        options: {
+          baseURL: 'https://github.com/videojs/video.js/blob/master/'
+        }
+      }
     }
   });
 
@@ -120,27 +156,27 @@ module.exports = function(grunt) {
   grunt.loadNpmTasks('grunt-contrib-clean');
   grunt.loadNpmTasks('grunt-contrib-copy');
   grunt.loadNpmTasks('grunt-contrib-cssmin');
+  grunt.loadNpmTasks('grunt-contrib-less');
   grunt.loadNpmTasks('grunt-s3');
   grunt.loadNpmTasks('contribflow');
+  grunt.loadNpmTasks('grunt-karma');
+  grunt.loadNpmTasks('videojs-doc-generator');
+
+  // grunt.loadTasks('./docs/tasks/');
+  // grunt.loadTasks('../videojs-doc-generator/tasks/');
 
   // Default task.
-  grunt.registerTask('default', ['jshint', 'build', 'minify', 'dist']);
+  grunt.registerTask('default', ['jshint', 'less', 'build', 'minify', 'dist']);
   // Development watch task
-  grunt.registerTask('dev', ['jshint', 'build', 'qunit:source']);
-  grunt.registerTask('test', ['jshint', 'build', 'minify', 'qunit']);
+  grunt.registerTask('dev', ['jshint', 'less', 'build', 'qunit:source']);
+  grunt.registerTask('test', ['jshint', 'less', 'build', 'minify', 'qunit']);
+  // Release task
+  grunt.registerTask('release', ['dist', 'check-for-changes', 'version', 'commit-version']);
 
   var fs = require('fs'),
       gzip = require('zlib').gzip;
 
   grunt.registerMultiTask('build', 'Building Source', function(){
-    /*jshint undef:false, evil:true */
-
-    // Loading predefined source order from source-loader.js
-    // Trust me, this is the easist way to do it so far.
-    var blockSourceLoading = true;
-    var sourceFiles; // Needed to satisfy jshint
-    eval(grunt.file.read('./build/source-loader.js'));
-
     // Fix windows file path delimiter issue
     var i = sourceFiles.length;
     while (i--) {
@@ -157,8 +193,7 @@ module.exports = function(grunt) {
     grunt.file.write('build/files/combined.video.js', combined);
 
     // Copy over other files
-    grunt.file.copy('src/css/video-js.css', 'build/files/video-js.css');
-    grunt.file.copy('src/css/video-js.png', 'build/files/video-js.png');
+    // grunt.file.copy('src/css/video-js.png', 'build/files/video-js.png');
     grunt.file.copy('src/swf/video-js.swf', 'build/files/video-js.swf');
 
     // Inject version number into css file
@@ -203,7 +238,8 @@ module.exports = function(grunt) {
                 + ' --js_output_file=' + dest
                 + ' --create_source_map ' + dest + '.map --source_map_format=V3'
                 + ' --jscomp_warning=checkTypes --warning_level=VERBOSE'
-                + ' --output_wrapper "/*! Video.js v' + version.full + ' ' + pkg.copyright + ' */\n (function() {%output%})();//@ sourceMappingURL=video.js.map"';
+                + ' --output_wrapper "/*! Video.js v' + version.full + ' ' + pkg.copyright + ' */ (function() {%output%})();"';
+                //@ sourceMappingURL=video.js.map
 
     // Add each js file
     grunt.file.expand(filePatterns).forEach(function(file){
@@ -258,10 +294,12 @@ module.exports = function(grunt) {
     grunt.file.copy('build/files/minified.video.js', 'dist/cdn/video.js');
     grunt.file.copy('build/files/video-js.min.css', 'dist/cdn/video-js.css');
     grunt.file.copy('build/files/video-js.swf', 'dist/cdn/video-js.swf');
+    grunt.file.copy('build/demo-files/demo.captions.vtt', 'dist/cdn/demo.captions.vtt');
+    grunt.file.copy('build/demo-files/demo.html', 'dist/cdn/demo.html');
 
     // Replace font urls with CDN versions
     css = grunt.file.read('dist/cdn/video-js.css');
-    css = css.replace(/font\//g, '../f/1/');
+    css = css.replace(/font\//g, '../f/2/');
     grunt.file.write('dist/cdn/video-js.css', css);
 
     // Add CDN-specfic JS
@@ -285,4 +323,124 @@ module.exports = function(grunt) {
       done();
     });
   });
+
+  grunt.registerTask('check-for-changes', 'Fail if there are any uncommitted git changes', function(){
+    var done = this.async();
+
+    grunt.util.spawn({
+      cmd: 'git',
+      args: 'diff --exit-code'.split(' ')
+    }, function(error, result, code){
+      if (error) {
+        grunt.fail.warn('There are unstaged changes.');
+      }
+
+      grunt.util.spawn({
+        cmd: 'git',
+        args: 'diff --cached --exit-code'.split(' ')
+      }, function(error, result, code){
+        if (error) {
+          grunt.fail.warn('There are staged but uncommitted changes.');
+        }
+
+        done(error, result, code);
+      });
+    });
+  });
+
+  /**
+   * Bump the version number in package.json and bower.json. The release type
+   * must be specified as an option to this task. It can be specified through
+   * the command-line: `grunt version --type=minor`.
+   */
+  grunt.registerTask('version', 'Bump the video.js version', function(){
+    var type = grunt.option('type'),
+        bower = grunt.file.readJSON('bower.json'),
+        nextVersion;
+
+    // the release must already be built
+    grunt.task.requires('dist');
+    grunt.task.requires('check-for-changes');
+
+    // figure out the next semantic version number
+    if (type === undefined) {
+      grunt.fail.warn('The desired release type must be specified as a task argument');
+    }
+    if (!semver.valid(pkg.version)) {
+      grunt.fail.warn('The current package.json version does not appear valid');
+    }
+
+    nextVersion = semver.inc(pkg.version, type);
+
+    if (!nextVersion) {
+      grunt.fail.warn('Unable to determine the next semver');
+    }
+
+    // update package.json and bower.json
+    pkg.version = nextVersion;
+    bower.version = nextVersion;
+    grunt.file.write('package.json', JSON.stringify(pkg, null, 2) + '\n');
+    grunt.file.write('bower.json', JSON.stringify(bower, null, 2) + '\n');
+  });
+
+  /**
+   * Commit and tag a new version of video.js.
+   */
+  grunt.registerTask('commit-version', 'Commit a new release version', function(){
+    var done = this.async(),
+        spawn = grunt.util.spawn;
+
+    grunt.task.requires('version');
+
+    // add and commit the release files
+    spawn({
+      cmd: 'git',
+      args: 'add --force dist package.json bower.json'.split(' ')
+    }, function(error, result, code){
+      if (error) {
+        grunt.fail.warn(error);
+      }
+
+      spawn({
+        cmd: 'git',
+        args: ['commit', '-m', 'v' + pkg.version]
+      }, function(error, result, code){
+        if (error) {
+          grunt.fail.warn(error);
+        }
+
+        // tag the new version
+        spawn({
+          cmd: 'git',
+          args: ['tag', 'v' + pkg.version]
+        }, function(error, result, code){
+          if (error) {
+            grunt.fail.warn(error);
+          }
+
+          // clean up the release files
+          spawn({
+            cmd: 'git',
+            args: 'rm -r dist'.split(' ')
+          }, function(error, result, code){
+            if (error) {
+              grunt.fail.warn(error);
+            }
+
+            spawn({
+              cmd: 'git',
+              args: ['commit', '-m', 'Removing dist/ after the release']
+            }, function(error, result, code){
+              if (error) {
+                grunt.fail.warn(error);
+              }
+
+              done(error, result, code);
+            });
+          });
+        });
+      });
+    });
+  });
+
 };

README.md

@@ -1,50 +1,18 @@
 
-# [Video.js - HTML5 and Flash Video Player](http://videojs.com)  [![Build Status](https://travis-ci.org/zencoder/video-js.png?branch=master)](https://travis-ci.org/zencoder/video-js)
+# [Video.js - HTML5 Video Player](http://videojs.com)  [![Build Status](https://travis-ci.org/zencoder/video-js.png?branch=master)](https://travis-ci.org/zencoder/video-js)
 
-Visit the main site at [videojs.com](http://videojs.com) for download options and instructions.
+> Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 and Flash video, as well as YouTube and Vimeo (through [plugins](https://github.com/videojs/video.js/wiki/Plugins)). It supports video playback on desktops and mobile devices. This project was started mid 2010, and the player is now used on over 50,000 websites.
 
-### PLEASE EXCUSE OUR DUST
-
-We're finishing up a big overhaul of the libary which includes
-
-* Closure compiler advanced mode support for drastically better minification over previous versions
-* Flashy new automated builds and test using node.js and grunt
-
-Check out our [contributing guide](https://github.com/zencoder/video-js/blob/master/CONTRIBUTING.md) for info on building a local version.
-
-## About
-
-Video.js was built to provide a fast and easy way to embed and work with video in a web page.
-It was built from the ground up with the assumption that HTML5 is the future of web video, however it supports Flash equally well for older browsers and for advanced features not yet supported in HTML5.
-
-Some of the focuses of Video.js are:
-
-- Universal browser and device support
-- Fast player loading
-- Easily skinned (themed/chromed) using just CSS
-- A JavaScript API for controlling the video that works consistently across video platforms (HTML5, Flash, and soon other players like youtube) as well as devices
-
-## Getting Started
-
-Check out our [getting started guide](http://videojs.com/#section5).
+Visit [videojs.com](http://videojs.com) for an overview, download options, and instructions on how to use the player on your site.
 
 ## Contributing
+Video.js is a free and open source library, and we appreciate any help you're willing to give. Check out the [contributing guide](CONTRIBUTING.md).
 
-Check out our [contributing guide](https://github.com/zencoder/video-js/blob/master/CONTRIBUTING.md).
+## Building your own Video.js from source
+To build your own custom version read the section on [contributing code](CONTRIBUTING.md#contributing-code) and ["Building your own copy"](CONTRIBUTING.md#building-your-own-copy-of-videojs) in the contributing guide.
 
 ## License
 
+Video.js is licensed under the Apache License, Version 2.0. [View the license file](LICENSE)
+
 Copyright 2013 Brightcove, Inc.
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
-

VERSION.yml

@@ -1,5 +0,0 @@
----
-major: 3
-minor: 2
-patch: 3
-pre: 

bower.json

@@ -0,0 +1,8 @@
+{
+  "name": "video.js",
+  "version": "4.3.0-10",
+  "main": [
+    "dist/video-js/video.js",
+    "dist/video-js/video-js.min.css"
+  ]
+}

build/demo-files/demo.html

@@ -24,6 +24,7 @@
     <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
     <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
     <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
+    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
   </video>
 
 </body>

build/source-loader.js

@@ -19,6 +19,7 @@ var sourceFiles = [
   "src/js/core-object.js",
   "src/js/events.js",
   "src/js/lib.js",
+  "src/js/util.js",
   "src/js/component.js",
   "src/js/button.js",
   "src/js/slider.js",

dist/cdn/demo.captions.vtt

@@ -0,0 +1,41 @@
+WEBVTT
+
+00:00.700 --> 00:04.110
+Captions describe all relevant audio for the hearing impaired.
+[ Heroic music playing for a seagull ]
+
+00:04.500 --> 00:05.000
+[ Splash!!! ]
+
+00:05.100 --> 00:06.000
+[ Sploosh!!! ]
+
+00:08.000 --> 00:09.225
+[ Splash...splash...splash splash splash ]
+
+00:10.525 --> 00:11.255
+[ Splash, Sploosh again ]
+
+00:13.500 --> 00:14.984
+Dolphin: eeeEEEEEeeee!
+
+00:14.984 --> 00:16.984
+Dolphin: Squawk! eeeEEE?
+
+00:25.000 --> 00:28.284
+[ A whole ton of splashes ]
+
+00:29.500 --> 00:31.000
+Mine. Mine. Mine.
+
+00:34.300 --> 00:36.000
+Shark: Chomp
+
+00:36.800 --> 00:37.900
+Shark: CHOMP!!!
+
+00:37.861 --> 00:41.193
+EEEEEEOOOOOOOOOOWHALENOISE
+
+00:42.593 --> 00:45.611
+[ BIG SPLASH ]

dist/cdn/demo.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Video.js | HTML5 Video Player</title>
+
+  <!-- Chang URLs to wherever Video.js files will be hosted -->
+  <link href="video-js.css" rel="stylesheet" type="text/css">
+  <!-- video.js must be in the <head> for older IEs to work. -->
+  <script src="video.js"></script>
+
+  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
+  <script>
+    videojs.options.flash.swf = "video-js.swf";
+  </script>
+
+
+</head>
+<body>
+
+  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
+      poster="http://video-js.zencoder.com/oceans-clip.png"
+      data-setup="{}">
+    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
+    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
+    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
+    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
+    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
+  </video>
+
+</body>
+</html>

dist/cdn/video.js

@@ -0,0 +1,133 @@
+/*! Video.js v4.3.0-9 Copyright 2013 Brightcove, Inc. https://github.com/videojs/video.js/blob/master/LICENSE */ (function() {var b=void 0,f=!0,h=null,l=!1;function m(){return function(){}}function p(a){return function(){return this[a]}}function r(a){return function(){return a}}var t;document.createElement("video");document.createElement("audio");document.createElement("track");function u(a,c,d){if("string"===typeof a){0===a.indexOf("#")&&(a=a.slice(1));if(u.va[a])return u.va[a];a=u.u(a)}if(!a||!a.nodeName)throw new TypeError("The element or ID supplied is not valid. (videojs)");return a.player||new u.Player(a,c,d)}
+var videojs=u;window.Sd=window.Td=u;u.Tb="4.3";u.Bc="https:"==document.location.protocol?"https://":"http://";u.options={techOrder:["html5","flash"],html5:{},flash:{},width:300,height:150,defaultVolume:0,children:{mediaLoader:{},posterImage:{},textTrackDisplay:{},loadingSpinner:{},bigPlayButton:{},controlBar:{}},notSupportedMessage:'Sorry, no compatible source and playback technology were found for this video. Try using another browser like <a href="http://bit.ly/ccMUEC">Chrome</a> or download the latest <a href="http://adobe.ly/mwfN1">Adobe Flash Player</a>.'};
+"GENERATED_CDN_VSN"!==u.Tb&&(videojs.options.flash.swf=u.Bc+"vjs.zencdn.net/"+u.Tb+"/video-js.swf");u.va={};u.ka=u.CoreObject=m();u.ka.extend=function(a){var c,d;a=a||{};c=a.init||a.i||this.prototype.init||this.prototype.i||m();d=function(){c.apply(this,arguments)};d.prototype=u.j.create(this.prototype);d.prototype.constructor=d;d.extend=u.ka.extend;d.create=u.ka.create;for(var e in a)a.hasOwnProperty(e)&&(d.prototype[e]=a[e]);return d};
+u.ka.create=function(){var a=u.j.create(this.prototype);this.apply(a,arguments);return a};u.d=function(a,c,d){var e=u.getData(a);e.z||(e.z={});e.z[c]||(e.z[c]=[]);d.s||(d.s=u.s++);e.z[c].push(d);e.V||(e.disabled=l,e.V=function(c){if(!e.disabled){c=u.ic(c);var d=e.z[c.type];if(d)for(var d=d.slice(0),k=0,q=d.length;k<q&&!c.nc();k++)d[k].call(a,c)}});1==e.z[c].length&&(document.addEventListener?a.addEventListener(c,e.V,l):document.attachEvent&&a.attachEvent("on"+c,e.V))};
+u.o=function(a,c,d){if(u.mc(a)){var e=u.getData(a);if(e.z)if(c){var g=e.z[c];if(g){if(d){if(d.s)for(e=0;e<g.length;e++)g[e].s===d.s&&g.splice(e--,1)}else e.z[c]=[];u.fc(a,c)}}else for(g in e.z)c=g,e.z[c]=[],u.fc(a,c)}};u.fc=function(a,c){var d=u.getData(a);0===d.z[c].length&&(delete d.z[c],document.removeEventListener?a.removeEventListener(c,d.V,l):document.detachEvent&&a.detachEvent("on"+c,d.V));u.Ab(d.z)&&(delete d.z,delete d.V,delete d.disabled);u.Ab(d)&&u.rc(a)};
+u.ic=function(a){function c(){return f}function d(){return l}if(!a||!a.Bb){var e=a||window.event;a={};for(var g in e)"layerX"!==g&&"layerY"!==g&&(a[g]=e[g]);a.target||(a.target=a.srcElement||document);a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;a.preventDefault=function(){e.preventDefault&&e.preventDefault();a.returnValue=l;a.zb=c};a.zb=d;a.stopPropagation=function(){e.stopPropagation&&e.stopPropagation();a.cancelBubble=f;a.Bb=c};a.Bb=d;a.stopImmediatePropagation=function(){e.stopImmediatePropagation&&
+e.stopImmediatePropagation();a.nc=c;a.stopPropagation()};a.nc=d;if(a.clientX!=h){g=document.documentElement;var j=document.body;a.pageX=a.clientX+(g&&g.scrollLeft||j&&j.scrollLeft||0)-(g&&g.clientLeft||j&&j.clientLeft||0);a.pageY=a.clientY+(g&&g.scrollTop||j&&j.scrollTop||0)-(g&&g.clientTop||j&&j.clientTop||0)}a.which=a.charCode||a.keyCode;a.button!=h&&(a.button=a.button&1?0:a.button&4?1:a.button&2?2:0)}return a};
+u.k=function(a,c){var d=u.mc(a)?u.getData(a):{},e=a.parentNode||a.ownerDocument;"string"===typeof c&&(c={type:c,target:a});c=u.ic(c);d.V&&d.V.call(a,c);if(e&&!c.Bb()&&c.bubbles!==l)u.k(e,c);else if(!e&&!c.zb()&&(d=u.getData(c.target),c.target[c.type])){d.disabled=f;if("function"===typeof c.target[c.type])c.target[c.type]();d.disabled=l}return!c.zb()};u.T=function(a,c,d){function e(){u.o(a,c,e);d.apply(this,arguments)}e.s=d.s=d.s||u.s++;u.d(a,c,e)};var v=Object.prototype.hasOwnProperty;
+u.e=function(a,c){var d,e;d=document.createElement(a||"div");for(e in c)v.call(c,e)&&(-1!==e.indexOf("aria-")||"role"==e?d.setAttribute(e,c[e]):d[e]=c[e]);return d};u.Y=function(a){return a.charAt(0).toUpperCase()+a.slice(1)};u.j={};u.j.create=Object.create||function(a){function c(){}c.prototype=a;return new c};u.j.sa=function(a,c,d){for(var e in a)v.call(a,e)&&c.call(d||this,e,a[e])};u.j.B=function(a,c){if(!c)return a;for(var d in c)v.call(c,d)&&(a[d]=c[d]);return a};
+u.j.Uc=function(a,c){var d,e,g;a=u.j.copy(a);for(d in c)v.call(c,d)&&(e=a[d],g=c[d],a[d]=u.j.La(e)&&u.j.La(g)?u.j.Uc(e,g):c[d]);return a};u.j.copy=function(a){return u.j.B({},a)};u.j.La=function(a){return!!a&&"object"===typeof a&&"[object Object]"===a.toString()&&a.constructor===Object};u.bind=function(a,c,d){function e(){return c.apply(a,arguments)}c.s||(c.s=u.s++);e.s=d?d+"_"+c.s:c.s;return e};u.pa={};u.s=1;u.expando="vdata"+(new Date).getTime();
+u.getData=function(a){var c=a[u.expando];c||(c=a[u.expando]=u.s++,u.pa[c]={});return u.pa[c]};u.mc=function(a){a=a[u.expando];return!(!a||u.Ab(u.pa[a]))};u.rc=function(a){var c=a[u.expando];if(c){delete u.pa[c];try{delete a[u.expando]}catch(d){a.removeAttribute?a.removeAttribute(u.expando):a[u.expando]=h}}};u.Ab=function(a){for(var c in a)if(a[c]!==h)return l;return f};u.n=function(a,c){-1==(" "+a.className+" ").indexOf(" "+c+" ")&&(a.className=""===a.className?c:a.className+" "+c)};
+u.t=function(a,c){var d,e;if(-1!=a.className.indexOf(c)){d=a.className.split(" ");for(e=d.length-1;0<=e;e--)d[e]===c&&d.splice(e,1);a.className=d.join(" ")}};u.ea=u.e("video");u.G=navigator.userAgent;u.Ic=/iPhone/i.test(u.G);u.Hc=/iPad/i.test(u.G);u.Jc=/iPod/i.test(u.G);u.Gc=u.Ic||u.Hc||u.Jc;var aa=u,w;var x=u.G.match(/OS (\d+)_/i);w=x&&x[1]?x[1]:b;aa.Ed=w;u.Ec=/Android/i.test(u.G);var ba=u,y;var z=u.G.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i),A,B;
+z?(A=z[1]&&parseFloat(z[1]),B=z[2]&&parseFloat(z[2]),y=A&&B?parseFloat(z[1]+"."+z[2]):A?A:h):y=h;ba.Cc=y;u.Kc=u.Ec&&/webkit/i.test(u.G)&&2.3>u.Cc;u.Fc=/Firefox/i.test(u.G);u.Fd=/Chrome/i.test(u.G);u.ac=!!("ontouchstart"in window||window.Dc&&document instanceof window.Dc);
+u.wb=function(a){var c,d,e,g;c={};if(a&&a.attributes&&0<a.attributes.length){d=a.attributes;for(var j=d.length-1;0<=j;j--){e=d[j].name;g=d[j].value;if("boolean"===typeof a[e]||-1!==",autoplay,controls,loop,muted,default,".indexOf(","+e+","))g=g!==h?f:l;c[e]=g}}return c};
+u.Jd=function(a,c){var d="";document.defaultView&&document.defaultView.getComputedStyle?d=document.defaultView.getComputedStyle(a,"").getPropertyValue(c):a.currentStyle&&(d=a["client"+c.substr(0,1).toUpperCase()+c.substr(1)]+"px");return d};u.yb=function(a,c){c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a)};u.Pb={};u.u=function(a){0===a.indexOf("#")&&(a=a.slice(1));return document.getElementById(a)};
+u.Ka=function(a,c){c=c||a;var d=Math.floor(a%60),e=Math.floor(a/60%60),g=Math.floor(a/3600),j=Math.floor(c/60%60),k=Math.floor(c/3600);if(isNaN(a)||Infinity===a)g=e=d="-";g=0<g||0<k?g+":":"";return g+(((g||10<=j)&&10>e?"0"+e:e)+":")+(10>d?"0"+d:d)};u.Qc=function(){document.body.focus();document.onselectstart=r(l)};u.Ad=function(){document.onselectstart=r(f)};u.trim=function(a){return(a+"").replace(/^\s+|\s+$/g,"")};u.round=function(a,c){c||(c=0);return Math.round(a*Math.pow(10,c))/Math.pow(10,c)};
+u.sb=function(a,c){return{length:1,start:function(){return a},end:function(){return c}}};
+u.get=function(a,c,d){var e,g;"undefined"===typeof XMLHttpRequest&&(window.XMLHttpRequest=function(){try{return new window.ActiveXObject("Msxml2.XMLHTTP.6.0")}catch(a){}try{return new window.ActiveXObject("Msxml2.XMLHTTP.3.0")}catch(c){}try{return new window.ActiveXObject("Msxml2.XMLHTTP")}catch(d){}throw Error("This browser does not support XMLHttpRequest.");});g=new XMLHttpRequest;try{g.open("GET",a)}catch(j){d(j)}e=0===a.indexOf("file:")||0===window.location.href.indexOf("file:")&&-1===a.indexOf("http");
+g.onreadystatechange=function(){4===g.readyState&&(200===g.status||e&&0===g.status?c(g.responseText):d&&d())};try{g.send()}catch(k){d&&d(k)}};u.sd=function(a){try{var c=window.localStorage||l;c&&(c.volume=a)}catch(d){22==d.code||1014==d.code?u.log("LocalStorage Full (VideoJS)",d):18==d.code?u.log("LocalStorage not allowed (VideoJS)",d):u.log("LocalStorage Error (VideoJS)",d)}};u.kc=function(a){a.match(/^https?:\/\//)||(a=u.e("div",{innerHTML:'<a href="'+a+'">x</a>'}).firstChild.href);return a};
+u.log=function(){u.log.history=u.log.history||[];u.log.history.push(arguments);window.console&&window.console.log(Array.prototype.slice.call(arguments))};u.$c=function(a){var c,d;a.getBoundingClientRect&&a.parentNode&&(c=a.getBoundingClientRect());if(!c)return{left:0,top:0};a=document.documentElement;d=document.body;return{left:c.left+(window.pageXOffset||d.scrollLeft)-(a.clientLeft||d.clientLeft||0),top:c.top+(window.pageYOffset||d.scrollTop)-(a.clientTop||d.clientTop||0)}};u.ja={};
+u.ja.Fb=function(a,c){var d,e,g;a=u.j.copy(a);for(d in c)c.hasOwnProperty(d)&&(e=a[d],g=c[d],a[d]=u.j.La(e)&&u.j.La(g)?u.ja.Fb(e,g):c[d]);return a};u.c=u.ka.extend({i:function(a,c,d){this.b=a;this.g=u.j.copy(this.g);c=this.options(c);this.P=c.id||(c.el&&c.el.id?c.el.id:a.id()+"_component_"+u.s++);this.fd=c.name||h;this.a=c.el||this.e();this.H=[];this.pb={};this.U={};if((a=this.g)&&a.children){var e=this;u.j.sa(a.children,function(a,c){c!==l&&!c.loadEvent&&(e[a]=e.X(a,c))})}this.K(d)}});t=u.c.prototype;
+t.D=function(){this.k("dispose");if(this.H)for(var a=this.H.length-1;0<=a;a--)this.H[a].D&&this.H[a].D();this.U=this.pb=this.H=h;this.o();this.a.parentNode&&this.a.parentNode.removeChild(this.a);u.rc(this.a);this.a=h};t.b=f;t.J=p("b");t.options=function(a){return a===b?this.g:this.g=u.ja.Fb(this.g,a)};t.e=function(a,c){return u.e(a,c)};t.u=p("a");t.id=p("P");t.name=p("fd");t.children=p("H");
+t.X=function(a,c){var d,e;"string"===typeof a?(e=a,c=c||{},d=c.componentClass||u.Y(e),c.name=e,d=new window.videojs[d](this.b||this,c)):d=a;this.H.push(d);"function"===typeof d.id&&(this.pb[d.id()]=d);(e=e||d.name&&d.name())&&(this.U[e]=d);"function"===typeof d.el&&d.el()&&(this.qa||this.a).appendChild(d.el());return d};
+t.removeChild=function(a){"string"===typeof a&&(a=this.U[a]);if(a&&this.H){for(var c=l,d=this.H.length-1;0<=d;d--)if(this.H[d]===a){c=f;this.H.splice(d,1);break}c&&(this.pb[a.id]=h,this.U[a.name]=h,(c=a.u())&&c.parentNode===(this.qa||this.a)&&(this.qa||this.a).removeChild(a.u()))}};t.S=r("");t.d=function(a,c){u.d(this.a,a,u.bind(this,c));return this};t.o=function(a,c){u.o(this.a,a,c);return this};t.T=function(a,c){u.T(this.a,a,u.bind(this,c));return this};t.k=function(a,c){u.k(this.a,a,c);return this};
+t.K=function(a){a&&(this.$?a.call(this):(this.Sa===b&&(this.Sa=[]),this.Sa.push(a)));return this};t.Ua=function(){this.$=f;var a=this.Sa;if(a&&0<a.length){for(var c=0,d=a.length;c<d;c++)a[c].call(this);this.Sa=[];this.k("ready")}};t.n=function(a){u.n(this.a,a);return this};t.t=function(a){u.t(this.a,a);return this};t.show=function(){this.a.style.display="block";return this};t.C=function(){this.a.style.display="none";return this};function D(a){a.t("vjs-lock-showing")}
+t.disable=function(){this.C();this.show=m()};t.width=function(a,c){return E(this,"width",a,c)};t.height=function(a,c){return E(this,"height",a,c)};t.Wc=function(a,c){return this.width(a,f).height(c)};function E(a,c,d,e){if(d!==b)return a.a.style[c]=-1!==(""+d).indexOf("%")||-1!==(""+d).indexOf("px")?d:"auto"===d?"":d+"px",e||a.k("resize"),a;if(!a.a)return 0;d=a.a.style[c];e=d.indexOf("px");return-1!==e?parseInt(d.slice(0,e),10):parseInt(a.a["offset"+u.Y(c)],10)}
+u.q=u.c.extend({i:function(a,c){u.c.call(this,a,c);var d=l;this.d("touchstart",function(a){a.preventDefault();d=f});this.d("touchmove",function(){d=l});var e=this;this.d("touchend",function(a){d&&e.p(a);a.preventDefault()});this.d("click",this.p);this.d("focus",this.Oa);this.d("blur",this.Na)}});t=u.q.prototype;
+t.e=function(a,c){c=u.j.B({className:this.S(),innerHTML:'<div class="vjs-control-content"><span class="vjs-control-text">'+(this.oa||"Need Text")+"</span></div>",pd:"button","aria-live":"polite",tabIndex:0},c);return u.c.prototype.e.call(this,a,c)};t.S=function(){return"vjs-control "+u.c.prototype.S.call(this)};t.p=m();t.Oa=function(){u.d(document,"keyup",u.bind(this,this.aa))};t.aa=function(a){if(32==a.which||13==a.which)a.preventDefault(),this.p()};
+t.Na=function(){u.o(document,"keyup",u.bind(this,this.aa))};u.N=u.c.extend({i:function(a,c){u.c.call(this,a,c);this.Pc=this.U[this.g.barName];this.handle=this.U[this.g.handleName];a.d(this.pc,u.bind(this,this.update));this.d("mousedown",this.Pa);this.d("touchstart",this.Pa);this.d("focus",this.Oa);this.d("blur",this.Na);this.d("click",this.p);this.b.d("controlsvisible",u.bind(this,this.update));a.K(u.bind(this,this.update));this.O={}}});t=u.N.prototype;
+t.e=function(a,c){c=c||{};c.className+=" vjs-slider";c=u.j.B({pd:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},c);return u.c.prototype.e.call(this,a,c)};t.Pa=function(a){a.preventDefault();u.Qc();this.O.move=u.bind(this,this.Hb);this.O.end=u.bind(this,this.Ib);u.d(document,"mousemove",this.O.move);u.d(document,"mouseup",this.O.end);u.d(document,"touchmove",this.O.move);u.d(document,"touchend",this.O.end);this.Hb(a)};
+t.Ib=function(){u.Ad();u.o(document,"mousemove",this.O.move,l);u.o(document,"mouseup",this.O.end,l);u.o(document,"touchmove",this.O.move,l);u.o(document,"touchend",this.O.end,l);this.update()};t.update=function(){if(this.a){var a,c=this.xb(),d=this.handle,e=this.Pc;isNaN(c)&&(c=0);a=c;if(d){a=this.a.offsetWidth;var g=d.u().offsetWidth;a=g?g/a:0;c*=1-a;a=c+a/2;d.u().style.left=u.round(100*c,2)+"%"}e.u().style.width=u.round(100*a,2)+"%"}};
+function F(a,c){var d,e,g,j;d=a.a;e=u.$c(d);j=g=d.offsetWidth;d=a.handle;if(a.g.Bd)return j=e.top,e=c.changedTouches?c.changedTouches[0].pageY:c.pageY,d&&(d=d.u().offsetHeight,j+=d/2,g-=d),Math.max(0,Math.min(1,(j-e+g)/g));g=e.left;e=c.changedTouches?c.changedTouches[0].pageX:c.pageX;d&&(d=d.u().offsetWidth,g+=d/2,j-=d);return Math.max(0,Math.min(1,(e-g)/j))}t.Oa=function(){u.d(document,"keyup",u.bind(this,this.aa))};
+t.aa=function(a){37==a.which?(a.preventDefault(),this.uc()):39==a.which&&(a.preventDefault(),this.vc())};t.Na=function(){u.o(document,"keyup",u.bind(this,this.aa))};t.p=function(a){a.stopImmediatePropagation();a.preventDefault()};u.da=u.c.extend();u.da.prototype.defaultValue=0;u.da.prototype.e=function(a,c){c=c||{};c.className+=" vjs-slider-handle";c=u.j.B({innerHTML:'<span class="vjs-control-text">'+this.defaultValue+"</span>"},c);return u.c.prototype.e.call(this,"div",c)};u.la=u.c.extend();
+function ca(a,c){a.X(c);c.d("click",u.bind(a,function(){D(this)}))}u.la.prototype.e=function(){var a=this.options().Sc||"ul";this.qa=u.e(a,{className:"vjs-menu-content"});a=u.c.prototype.e.call(this,"div",{append:this.qa,className:"vjs-menu"});a.appendChild(this.qa);u.d(a,"click",function(a){a.preventDefault();a.stopImmediatePropagation()});return a};u.M=u.q.extend({i:function(a,c){u.q.call(this,a,c);this.selected(c.selected)}});
+u.M.prototype.e=function(a,c){return u.q.prototype.e.call(this,"li",u.j.B({className:"vjs-menu-item",innerHTML:this.g.label},c))};u.M.prototype.p=function(){this.selected(f)};u.M.prototype.selected=function(a){a?(this.n("vjs-selected"),this.a.setAttribute("aria-selected",f)):(this.t("vjs-selected"),this.a.setAttribute("aria-selected",l))};
+u.Q=u.q.extend({i:function(a,c){u.q.call(this,a,c);this.ua=this.Ja();this.X(this.ua);this.I&&0===this.I.length&&this.C();this.d("keyup",this.aa);this.a.setAttribute("aria-haspopup",f);this.a.setAttribute("role","button")}});t=u.Q.prototype;t.na=l;t.Ja=function(){var a=new u.la(this.b);this.options().title&&a.u().appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.Y(this.A),yd:-1}));if(this.I=this.createItems())for(var c=0;c<this.I.length;c++)ca(a,this.I[c]);return a};t.ra=m();
+t.S=function(){return this.className+" vjs-menu-button "+u.q.prototype.S.call(this)};t.Oa=m();t.Na=m();t.p=function(){this.T("mouseout",u.bind(this,function(){D(this.ua);this.a.blur()}));this.na?G(this):H(this)};t.aa=function(a){a.preventDefault();32==a.which||13==a.which?this.na?G(this):H(this):27==a.which&&this.na&&G(this)};function H(a){a.na=f;a.ua.n("vjs-lock-showing");a.a.setAttribute("aria-pressed",f);a.I&&0<a.I.length&&a.I[0].u().focus()}
+function G(a){a.na=l;D(a.ua);a.a.setAttribute("aria-pressed",l)}
+u.Player=u.c.extend({i:function(a,c,d){this.L=a;a.id=a.id||"vjs_video_"+u.s++;c=u.j.B(da(a),c);this.v={};this.qc=c.poster;this.rb=c.controls;a.controls=l;u.c.call(this,this,c,d);this.controls()?this.n("vjs-controls-enabled"):this.n("vjs-controls-disabled");this.T("play",function(a){u.k(this.a,{type:"firstplay",target:this.a})||(a.preventDefault(),a.stopPropagation(),a.stopImmediatePropagation())});this.d("ended",this.gd);this.d("play",this.Kb);this.d("firstplay",this.hd);this.d("pause",this.Jb);this.d("progress",
+this.kd);this.d("durationchange",this.oc);this.d("error",this.Gb);this.d("fullscreenchange",this.jd);u.va[this.P]=this;c.plugins&&u.j.sa(c.plugins,function(a,c){this[a](c)},this);var e,g,j,k;e=this.Mb;a=function(){e();clearInterval(g);g=setInterval(u.bind(this,e),250)};c=function(){e();clearInterval(g)};this.d("mousedown",a);this.d("mousemove",e);this.d("mouseup",c);this.d("keydown",e);this.d("keyup",e);this.d("touchstart",a);this.d("touchmove",e);this.d("touchend",c);this.d("touchcancel",c);j=setInterval(u.bind(this,
+function(){this.ia&&(this.ia=l,this.ha(f),clearTimeout(k),k=setTimeout(u.bind(this,function(){this.ia||this.ha(l)}),2E3))}),250);this.d("dispose",function(){clearInterval(j);clearTimeout(k)})}});t=u.Player.prototype;t.g=u.options;t.D=function(){this.k("dispose");this.o("dispose");u.va[this.P]=h;this.L&&this.L.player&&(this.L.player=h);this.a&&this.a.player&&(this.a.player=h);clearInterval(this.Ra);this.wa();this.h&&this.h.D();u.c.prototype.D.call(this)};
+function da(a){var c={sources:[],tracks:[]};u.j.B(c,u.wb(a));if(a.hasChildNodes()){var d,e,g,j;a=a.childNodes;g=0;for(j=a.length;g<j;g++)d=a[g],e=d.nodeName.toLowerCase(),"source"===e?c.sources.push(u.wb(d)):"track"===e&&c.tracks.push(u.wb(d))}return c}
+t.e=function(){var a=this.a=u.c.prototype.e.call(this,"div"),c=this.L;c.removeAttribute("width");c.removeAttribute("height");if(c.hasChildNodes()){var d,e,g,j,k;d=c.childNodes;e=d.length;for(k=[];e--;)g=d[e],j=g.nodeName.toLowerCase(),"track"===j&&k.push(g);for(d=0;d<k.length;d++)c.removeChild(k[d])}a.id=c.id;a.className=c.className;c.id+="_html5_api";c.className="vjs-tech";c.player=a.player=this;this.n("vjs-paused");this.width(this.g.width,f);this.height(this.g.height,f);c.parentNode&&c.parentNode.insertBefore(a,
+c);u.yb(c,a);return a};
+function I(a,c,d){a.h?(a.$=l,a.h.D(),a.Db&&(a.Db=l,clearInterval(a.Ra)),a.Eb&&J(a),a.h=l):"Html5"!==c&&a.L&&(u.l.hc(a.L),a.L=h);a.xa=c;a.$=l;var e=u.j.B({source:d,parentEl:a.a},a.g[c.toLowerCase()]);d&&(d.src==a.v.src&&0<a.v.currentTime&&(e.startTime=a.v.currentTime),a.v.src=d.src);a.h=new window.videojs[c](a,e);a.h.K(function(){this.b.Ua();if(!this.m.progressEvents){var a=this.b;a.Db=f;a.Ra=setInterval(u.bind(a,function(){this.v.lb<this.buffered().end(0)?this.k("progress"):1==this.Ia()&&(clearInterval(this.Ra),
+this.k("progress"))}),500);a.h.T("progress",function(){this.m.progressEvents=f;var a=this.b;a.Db=l;clearInterval(a.Ra)})}this.m.timeupdateEvents||(a=this.b,a.Eb=f,a.d("play",a.yc),a.d("pause",a.wa),a.h.T("timeupdate",function(){this.m.timeupdateEvents=f;J(this.b)}))})}function J(a){a.Eb=l;a.wa();a.o("play",a.yc);a.o("pause",a.wa)}t.yc=function(){this.gc&&this.wa();this.gc=setInterval(u.bind(this,function(){this.k("timeupdate")}),250)};t.wa=function(){clearInterval(this.gc)};
+t.Kb=function(){u.t(this.a,"vjs-paused");u.n(this.a,"vjs-playing")};t.hd=function(){this.g.starttime&&this.currentTime(this.g.starttime);this.n("vjs-has-started")};t.Jb=function(){u.t(this.a,"vjs-playing");u.n(this.a,"vjs-paused")};t.kd=function(){1==this.Ia()&&this.k("loadedalldata")};t.gd=function(){this.g.loop&&(this.currentTime(0),this.play())};t.oc=function(){var a=K(this,"duration");a&&this.duration(a)};t.jd=function(){this.isFullScreen?this.n("vjs-fullscreen"):this.t("vjs-fullscreen")};
+t.Gb=function(a){u.log("Video Error",a)};function L(a,c,d){if(a.h&&!a.h.$)a.h.K(function(){this[c](d)});else try{a.h[c](d)}catch(e){throw u.log(e),e;}}function K(a,c){if(a.h&&a.h.$)try{return a.h[c]()}catch(d){throw a.h[c]===b?u.log("Video.js: "+c+" method not defined for "+a.xa+" playback technology.",d):"TypeError"==d.name?(u.log("Video.js: "+c+" unavailable on "+a.xa+" playback technology element.",d),a.h.$=l):u.log(d),d;}}t.play=function(){L(this,"play");return this};
+t.pause=function(){L(this,"pause");return this};t.paused=function(){return K(this,"paused")===l?l:f};t.currentTime=function(a){return a!==b?(L(this,"setCurrentTime",a),this.Eb&&this.k("timeupdate"),this):this.v.currentTime=K(this,"currentTime")||0};t.duration=function(a){if(a!==b)return this.v.duration=parseFloat(a),this;this.v.duration===b&&this.oc();return this.v.duration||0};
+t.buffered=function(){var a=K(this,"buffered"),c=a.length-1,d=this.v.lb=this.v.lb||0;a&&(0<=c&&a.end(c)!==d)&&(d=a.end(c),this.v.lb=d);return u.sb(0,d)};t.Ia=function(){return this.duration()?this.buffered().end(0)/this.duration():0};t.volume=function(a){if(a!==b)return a=Math.max(0,Math.min(1,parseFloat(a))),this.v.volume=a,L(this,"setVolume",a),u.sd(a),this;a=parseFloat(K(this,"volume"));return isNaN(a)?1:a};t.muted=function(a){return a!==b?(L(this,"setMuted",a),this):K(this,"muted")||l};
+t.Ta=function(){return K(this,"supportsFullScreen")||l};
+t.requestFullScreen=function(){var a=u.Pb.requestFullScreen;this.isFullScreen=f;a?(u.d(document,a.ub,u.bind(this,function(c){this.isFullScreen=document[a.isFullScreen];this.isFullScreen===l&&u.o(document,a.ub,arguments.callee);this.k("fullscreenchange")})),this.a[a.sc]()):this.h.Ta()?L(this,"enterFullScreen"):(this.bd=f,this.Xc=document.documentElement.style.overflow,u.d(document,"keydown",u.bind(this,this.jc)),document.documentElement.style.overflow="hidden",u.n(document.body,"vjs-full-window"),
+this.k("enterFullWindow"),this.k("fullscreenchange"));return this};t.cancelFullScreen=function(){var a=u.Pb.requestFullScreen;this.isFullScreen=l;if(a)document[a.nb]();else this.h.Ta()?L(this,"exitFullScreen"):(M(this),this.k("fullscreenchange"));return this};t.jc=function(a){27===a.keyCode&&(this.isFullScreen===f?this.cancelFullScreen():M(this))};
+function M(a){a.bd=l;u.o(document,"keydown",a.jc);document.documentElement.style.overflow=a.Xc;u.t(document.body,"vjs-full-window");a.k("exitFullWindow")}
+t.src=function(a){if(a===b)return K(this,"src");if(a instanceof Array){var c;a:{c=a;for(var d=0,e=this.g.techOrder;d<e.length;d++){var g=u.Y(e[d]),j=window.videojs[g];if(j.isSupported())for(var k=0,q=c;k<q.length;k++){var n=q[k];if(j.canPlaySource(n)){c={source:n,h:g};break a}}}c=l}c?(a=c.source,c=c.h,c==this.xa?this.src(a):I(this,c,a)):this.a.appendChild(u.e("p",{innerHTML:this.options().notSupportedMessage}))}else a instanceof Object?window.videojs[this.xa].canPlaySource(a)?this.src(a.src):this.src([a]):
+(this.v.src=a,this.$?(L(this,"src",a),"auto"==this.g.preload&&this.load(),this.g.autoplay&&this.play()):this.K(function(){this.src(a)}));return a};t.load=function(){L(this,"load");return this};t.currentSrc=function(){return K(this,"currentSrc")||this.v.src||""};t.Qa=function(a){return a!==b?(L(this,"setPreload",a),this.g.preload=a,this):K(this,"preload")};t.autoplay=function(a){return a!==b?(L(this,"setAutoplay",a),this.g.autoplay=a,this):K(this,"autoplay")};
+t.loop=function(a){return a!==b?(L(this,"setLoop",a),this.g.loop=a,this):K(this,"loop")};t.poster=function(a){if(a===b)return this.qc;this.qc=a;L(this,"setPoster",a);this.k("posterchange")};t.controls=function(a){return a!==b?(a=!!a,this.rb!==a&&((this.rb=a)?(this.t("vjs-controls-disabled"),this.n("vjs-controls-enabled"),this.k("controlsenabled")):(this.t("vjs-controls-enabled"),this.n("vjs-controls-disabled"),this.k("controlsdisabled"))),this):this.rb};u.Player.prototype.Sb;t=u.Player.prototype;
+t.Rb=function(a){return a!==b?(a=!!a,this.Sb!==a&&((this.Sb=a)?(this.n("vjs-using-native-controls"),this.k("usingnativecontrols")):(this.t("vjs-using-native-controls"),this.k("usingcustomcontrols"))),this):this.Sb};t.error=function(){return K(this,"error")};t.seeking=function(){return K(this,"seeking")};t.ia=f;t.Mb=function(){this.ia=f};t.Qb=f;
+t.ha=function(a){return a!==b?(a=!!a,a!==this.Qb&&((this.Qb=a)?(this.ia=f,this.t("vjs-user-inactive"),this.n("vjs-user-active"),this.k("useractive")):(this.ia=l,this.h.T("mousemove",function(a){a.stopPropagation();a.preventDefault()}),this.t("vjs-user-active"),this.n("vjs-user-inactive"),this.k("userinactive"))),this):this.Qb};var N,O,P;P=document.createElement("div");O={};
+P.Gd!==b?(O.sc="requestFullscreen",O.nb="exitFullscreen",O.ub="fullscreenchange",O.isFullScreen="fullScreen"):(document.mozCancelFullScreen?(N="moz",O.isFullScreen=N+"FullScreen"):(N="webkit",O.isFullScreen=N+"IsFullScreen"),P[N+"RequestFullScreen"]&&(O.sc=N+"RequestFullScreen",O.nb=N+"CancelFullScreen"),O.ub=N+"fullscreenchange");document[O.nb]&&(u.Pb.requestFullScreen=O);u.Da=u.c.extend();
+u.Da.prototype.g={Ld:"play",children:{playToggle:{},currentTimeDisplay:{},timeDivider:{},durationDisplay:{},remainingTimeDisplay:{},progressControl:{},fullscreenToggle:{},volumeControl:{},muteToggle:{}}};u.Da.prototype.e=function(){return u.e("div",{className:"vjs-control-bar"})};u.Yb=u.q.extend({i:function(a,c){u.q.call(this,a,c);a.d("play",u.bind(this,this.Kb));a.d("pause",u.bind(this,this.Jb))}});t=u.Yb.prototype;t.oa="Play";t.S=function(){return"vjs-play-control "+u.q.prototype.S.call(this)};
+t.p=function(){this.b.paused()?this.b.play():this.b.pause()};t.Kb=function(){u.t(this.a,"vjs-paused");u.n(this.a,"vjs-playing");this.a.children[0].children[0].innerHTML="Pause"};t.Jb=function(){u.t(this.a,"vjs-playing");u.n(this.a,"vjs-paused");this.a.children[0].children[0].innerHTML="Play"};u.Ya=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Aa))}});
+u.Ya.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-current-time vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-current-time-display",innerHTML:'<span class="vjs-control-text">Current Time </span>0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};
+u.Ya.prototype.Aa=function(){var a=this.b.Nb?this.b.v.currentTime:this.b.currentTime();this.content.innerHTML='<span class="vjs-control-text">Current Time </span>'+u.Ka(a,this.b.duration())};u.Za=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Aa))}});
+u.Za.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-duration vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-duration-display",innerHTML:'<span class="vjs-control-text">Duration Time </span>0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};u.Za.prototype.Aa=function(){var a=this.b.duration();a&&(this.content.innerHTML='<span class="vjs-control-text">Duration Time </span>'+u.Ka(a))};
+u.cc=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.cc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-time-divider",innerHTML:"<div><span>/</span></div>"})};u.eb=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Aa))}});
+u.eb.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-remaining-time vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-remaining-time-display",innerHTML:'<span class="vjs-control-text">Remaining Time </span>-0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};u.eb.prototype.Aa=function(){this.b.duration()&&(this.content.innerHTML='<span class="vjs-control-text">Remaining Time </span>-'+u.Ka(this.b.duration()-this.b.currentTime()))};
+u.Ea=u.q.extend({i:function(a,c){u.q.call(this,a,c)}});u.Ea.prototype.oa="Fullscreen";u.Ea.prototype.S=function(){return"vjs-fullscreen-control "+u.q.prototype.S.call(this)};u.Ea.prototype.p=function(){this.b.isFullScreen?(this.b.cancelFullScreen(),this.a.children[0].children[0].innerHTML="Fullscreen"):(this.b.requestFullScreen(),this.a.children[0].children[0].innerHTML="Non-Fullscreen")};u.cb=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.cb.prototype.g={children:{seekBar:{}}};
+u.cb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-progress-control vjs-control"})};u.Zb=u.N.extend({i:function(a,c){u.N.call(this,a,c);a.d("timeupdate",u.bind(this,this.za));a.K(u.bind(this,this.za))}});t=u.Zb.prototype;t.g={children:{loadProgressBar:{},playProgressBar:{},seekHandle:{}},barName:"playProgressBar",handleName:"seekHandle"};t.pc="timeupdate";t.e=function(){return u.N.prototype.e.call(this,"div",{className:"vjs-progress-holder","aria-label":"video progress bar"})};
+t.za=function(){var a=this.b.Nb?this.b.v.currentTime:this.b.currentTime();this.a.setAttribute("aria-valuenow",u.round(100*this.xb(),2));this.a.setAttribute("aria-valuetext",u.Ka(a,this.b.duration()))};t.xb=function(){return this.b.currentTime()/this.b.duration()};t.Pa=function(a){u.N.prototype.Pa.call(this,a);this.b.Nb=f;this.Cd=!this.b.paused();this.b.pause()};t.Hb=function(a){a=F(this,a)*this.b.duration();a==this.b.duration()&&(a-=0.1);this.b.currentTime(a)};
+t.Ib=function(a){u.N.prototype.Ib.call(this,a);this.b.Nb=l;this.Cd&&this.b.play()};t.vc=function(){this.b.currentTime(this.b.currentTime()+5)};t.uc=function(){this.b.currentTime(this.b.currentTime()-5)};u.ab=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("progress",u.bind(this,this.update))}});u.ab.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-load-progress",innerHTML:'<span class="vjs-control-text">Loaded: 0%</span>'})};
+u.ab.prototype.update=function(){this.a.style&&(this.a.style.width=u.round(100*this.b.Ia(),2)+"%")};u.Xb=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.Xb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-play-progress",innerHTML:'<span class="vjs-control-text">Progress: 0%</span>'})};u.fb=u.da.extend();u.fb.prototype.defaultValue="00:00";u.fb.prototype.e=function(){return u.da.prototype.e.call(this,"div",{className:"vjs-seek-handle"})};
+u.hb=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.h&&(a.h.m&&a.h.m.volumeControl===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.volumeControl===l?this.n("vjs-hidden"):this.t("vjs-hidden")}))}});u.hb.prototype.g={children:{volumeBar:{}}};u.hb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-volume-control vjs-control"})};
+u.gb=u.N.extend({i:function(a,c){u.N.call(this,a,c);a.d("volumechange",u.bind(this,this.za));a.K(u.bind(this,this.za));setTimeout(u.bind(this,this.update),0)}});t=u.gb.prototype;t.za=function(){this.a.setAttribute("aria-valuenow",u.round(100*this.b.volume(),2));this.a.setAttribute("aria-valuetext",u.round(100*this.b.volume(),2)+"%")};t.g={children:{volumeLevel:{},volumeHandle:{}},barName:"volumeLevel",handleName:"volumeHandle"};t.pc="volumechange";
+t.e=function(){return u.N.prototype.e.call(this,"div",{className:"vjs-volume-bar","aria-label":"volume level"})};t.Hb=function(a){this.b.muted()&&this.b.muted(l);this.b.volume(F(this,a))};t.xb=function(){return this.b.muted()?0:this.b.volume()};t.vc=function(){this.b.volume(this.b.volume()+0.1)};t.uc=function(){this.b.volume(this.b.volume()-0.1)};u.dc=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});
+u.dc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})};u.ib=u.da.extend();u.ib.prototype.defaultValue="00:00";u.ib.prototype.e=function(){return u.da.prototype.e.call(this,"div",{className:"vjs-volume-handle"})};
+u.ca=u.q.extend({i:function(a,c){u.q.call(this,a,c);a.d("volumechange",u.bind(this,this.update));a.h&&(a.h.m&&a.h.m.volumeControl===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.volumeControl===l?this.n("vjs-hidden"):this.t("vjs-hidden")}))}});u.ca.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-mute-control vjs-control",innerHTML:'<div><span class="vjs-control-text">Mute</span></div>'})};
+u.ca.prototype.p=function(){this.b.muted(this.b.muted()?l:f)};u.ca.prototype.update=function(){var a=this.b.volume(),c=3;0===a||this.b.muted()?c=0:0.33>a?c=1:0.67>a&&(c=2);this.b.muted()?"Unmute"!=this.a.children[0].children[0].innerHTML&&(this.a.children[0].children[0].innerHTML="Unmute"):"Mute"!=this.a.children[0].children[0].innerHTML&&(this.a.children[0].children[0].innerHTML="Mute");for(a=0;4>a;a++)u.t(this.a,"vjs-vol-"+a);u.n(this.a,"vjs-vol-"+c)};
+u.ma=u.Q.extend({i:function(a,c){u.Q.call(this,a,c);a.d("volumechange",u.bind(this,this.update));a.h&&(a.h.m&&a.h.m.zc===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.zc===l?this.n("vjs-hidden"):this.t("vjs-hidden")}));this.n("vjs-menu-button")}});u.ma.prototype.Ja=function(){var a=new u.la(this.b,{Sc:"div"}),c=new u.gb(this.b,u.j.B({Bd:f},this.g.Ud));a.X(c);return a};u.ma.prototype.p=function(){u.ca.prototype.p.call(this);u.Q.prototype.p.call(this)};
+u.ma.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-volume-menu-button vjs-menu-button vjs-control",innerHTML:'<div><span class="vjs-control-text">Mute</span></div>'})};u.ma.prototype.update=u.ca.prototype.update;u.Fa=u.q.extend({i:function(a,c){u.q.call(this,a,c);a.poster()&&this.src(a.poster());(!a.poster()||!a.controls())&&this.C();a.d("posterchange",u.bind(this,function(){this.src(a.poster())}));a.d("play",u.bind(this,this.C))}});var Q="backgroundSize"in u.ea.style;
+u.Fa.prototype.e=function(){var a=u.e("div",{className:"vjs-poster",tabIndex:-1});Q||a.appendChild(u.e("img"));return a};u.Fa.prototype.src=function(a){var c=this.u();a!==b&&(Q?c.style.backgroundImage='url("'+a+'")':c.firstChild.src=a)};u.Fa.prototype.p=function(){this.J().controls()&&this.b.play()};
+u.Wb=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("canplay",u.bind(this,this.C));a.d("canplaythrough",u.bind(this,this.C));a.d("playing",u.bind(this,this.C));a.d("seeked",u.bind(this,this.C));a.d("seeking",u.bind(this,this.show));a.d("seeked",u.bind(this,this.C));a.d("error",u.bind(this,this.show));a.d("waiting",u.bind(this,this.show))}});u.Wb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-loading-spinner"})};u.Wa=u.q.extend();
+u.Wa.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-big-play-button",innerHTML:'<span aria-hidden="true"></span>',"aria-label":"play video"})};u.Wa.prototype.p=function(){this.b.play()};
+u.r=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);var e,g;g=this;e=this.J();a=function(){if(e.controls()&&!e.Rb()){var a,c;g.d("mousedown",g.p);g.d("touchstart",function(a){a.preventDefault();a.stopPropagation();c=this.b.ha()});a=function(a){a.stopPropagation();c&&this.b.Mb()};g.d("touchmove",a);g.d("touchleave",a);g.d("touchcancel",a);g.d("touchend",a);var d,n,s;d=0;g.d("touchstart",function(){d=(new Date).getTime();s=f});a=function(){s=l};g.d("touchmove",a);g.d("touchleave",a);g.d("touchcancel",
+a);g.d("touchend",function(){s===f&&(n=(new Date).getTime()-d,250>n&&this.k("tap"))});g.d("tap",g.ld)}};c=u.bind(g,g.od);this.K(a);e.d("controlsenabled",a);e.d("controlsdisabled",c)}});u.r.prototype.od=function(){this.o("tap");this.o("touchstart");this.o("touchmove");this.o("touchleave");this.o("touchcancel");this.o("touchend");this.o("click");this.o("mousedown")};u.r.prototype.p=function(a){0===a.button&&this.J().controls()&&(this.J().paused()?this.J().play():this.J().pause())};
+u.r.prototype.ld=function(){this.J().ha(!this.J().ha())};u.r.prototype.m={volumeControl:f,fullscreenResize:l,progressEvents:l,timeupdateEvents:l};u.media={};u.media.Va="play pause paused currentTime setCurrentTime duration buffered volume setVolume muted setMuted width height supportsFullScreen enterFullScreen src load currentSrc preload setPreload autoplay setAutoplay loop setLoop error networkState readyState seeking initialTime startOffsetTime played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks defaultPlaybackRate playbackRate mediaGroup controller controls defaultMuted".split(" ");
+function ea(){var a=u.media.Va[i];return function(){throw Error('The "'+a+"\" method is not available on the playback technology's API");}}for(var i=u.media.Va.length-1;0<=i;i--)u.r.prototype[u.media.Va[i]]=ea();
+u.l=u.r.extend({i:function(a,c,d){this.m.volumeControl=u.l.Rc();this.m.movingMediaElementInDOM=!u.Gc;this.m.fullscreenResize=f;u.r.call(this,a,c,d);(c=c.source)&&this.a.currentSrc===c.src&&0<this.a.networkState?a.k("loadstart"):c&&(this.a.src=c.src);if(u.ac&&a.options().nativeControlsForTouch!==l){var e,g,j,k;e=this;g=this.J();c=g.controls();e.a.controls=!!c;j=function(){e.a.controls=f};k=function(){e.a.controls=l};g.d("controlsenabled",j);g.d("controlsdisabled",k);c=function(){g.o("controlsenabled",
+j);g.o("controlsdisabled",k)};e.d("dispose",c);g.d("usingcustomcontrols",c);g.Rb(f)}a.K(function(){this.L&&(this.g.autoplay&&this.paused())&&(delete this.L.poster,this.play())});for(a=u.l.$a.length-1;0<=a;a--)u.d(this.a,u.l.$a[a],u.bind(this.b,this.Zc));this.Ua()}});t=u.l.prototype;t.D=function(){u.r.prototype.D.call(this)};
+t.e=function(){var a=this.b,c=a.L,d;if(!c||this.m.movingMediaElementInDOM===l)c?(d=c.cloneNode(l),u.l.hc(c),c=d,a.L=h):c=u.e("video",{id:a.id()+"_html5_api",className:"vjs-tech"}),c.player=a,u.yb(c,a.u());d=["autoplay","preload","loop","muted"];for(var e=d.length-1;0<=e;e--){var g=d[e];a.g[g]!==h&&(c[g]=a.g[g])}return c};t.Zc=function(a){this.k(a);a.stopPropagation()};t.play=function(){this.a.play()};t.pause=function(){this.a.pause()};t.paused=function(){return this.a.paused};t.currentTime=function(){return this.a.currentTime};
+t.rd=function(a){try{this.a.currentTime=a}catch(c){u.log(c,"Video is not ready. (Video.js)")}};t.duration=function(){return this.a.duration||0};t.buffered=function(){return this.a.buffered};t.volume=function(){return this.a.volume};t.wd=function(a){this.a.volume=a};t.muted=function(){return this.a.muted};t.ud=function(a){this.a.muted=a};t.width=function(){return this.a.offsetWidth};t.height=function(){return this.a.offsetHeight};
+t.Ta=function(){return"function"==typeof this.a.webkitEnterFullScreen&&(/Android/.test(u.G)||!/Chrome|Mac OS X 10.5/.test(u.G))?f:l};t.src=function(a){this.a.src=a};t.load=function(){this.a.load()};t.currentSrc=function(){return this.a.currentSrc};t.poster=function(){return this.a.poster};t.Qa=function(){return this.a.Qa};t.vd=function(a){this.a.Qa=a};t.autoplay=function(){return this.a.autoplay};t.qd=function(a){this.a.autoplay=a};t.controls=function(){return this.a.controls};t.loop=function(){return this.a.loop};
+t.td=function(a){this.a.loop=a};t.error=function(){return this.a.error};t.seeking=function(){return this.a.seeking};u.l.isSupported=function(){return!!u.ea.canPlayType};u.l.mb=function(a){try{return!!u.ea.canPlayType(a.type)}catch(c){return""}};u.l.Rc=function(){var a=u.ea.volume;u.ea.volume=a/2+0.1;return a!==u.ea.volume};u.l.$a="loadstart suspend abort error emptied stalled loadedmetadata loadeddata canplay canplaythrough playing waiting seeking seeked ended durationchange timeupdate progress play pause ratechange volumechange".split(" ");
+u.l.hc=function(a){if(a){a.player=h;for(a.parentNode&&a.parentNode.removeChild(a);a.hasChildNodes();)a.removeChild(a.firstChild);a.removeAttribute("src");"function"===typeof a.load&&a.load()}};u.Kc&&(document.createElement("video").constructor.prototype.canPlayType=function(a){return a&&-1!=a.toLowerCase().indexOf("video/mp4")?"maybe":""});
+u.f=u.r.extend({i:function(a,c,d){u.r.call(this,a,c,d);var e=c.source;d=c.parentEl;var g=this.a=u.e("div",{id:a.id()+"_temp_flash"}),j=a.id()+"_flash_api";a=a.g;var k=u.j.B({readyFunction:"videojs.Flash.onReady",eventProxyFunction:"videojs.Flash.onEvent",errorEventProxyFunction:"videojs.Flash.onError",autoplay:a.autoplay,preload:a.Qa,loop:a.loop,muted:a.muted},c.flashVars),q=u.j.B({wmode:"opaque",bgcolor:"#000000"},c.params),n=u.j.B({id:j,name:j,"class":"vjs-tech"},c.attributes),s;e&&(e.type&&u.f.dd(e.type)?
+(a=u.f.wc(e.src),k.rtmpConnection=encodeURIComponent(a.qb),k.rtmpStream=encodeURIComponent(a.Ob)):k.src=encodeURIComponent(u.kc(e.src)));this.setCurrentTime=function(a){s=a;this.a.vjs_setProperty("currentTime",a)};this.currentTime=function(){return this.seeking()?s:this.a.vjs_getProperty("currentTime")};u.yb(g,d);c.startTime&&this.K(function(){this.load();this.play();this.currentTime(c.startTime)});if(c.iFrameMode===f&&!u.Fc){var C=u.e("iframe",{id:j+"_iframe",name:j+"_iframe",className:"vjs-tech",
+scrolling:"no",marginWidth:0,marginHeight:0,frameBorder:0});k.readyFunction="ready";k.eventProxyFunction="events";k.errorEventProxyFunction="errors";u.d(C,"load",u.bind(this,function(){var a,d=C.contentWindow;a=C.contentDocument?C.contentDocument:C.contentWindow.document;a.write(u.f.lc(c.swf,k,q,n));d.player=this.b;d.ready=u.bind(this.b,function(c){var d=this.h;d.a=a.getElementById(c);u.f.ob(d)});d.events=u.bind(this.b,function(a,c){this&&"flash"===this.xa&&this.k(c)});d.errors=u.bind(this.b,function(a,
+c){u.log("Flash Error",c)})}));g.parentNode.replaceChild(C,g)}else u.f.Yc(c.swf,g,k,q,n)}});t=u.f.prototype;t.D=function(){u.r.prototype.D.call(this)};t.play=function(){this.a.vjs_play()};t.pause=function(){this.a.vjs_pause()};t.src=function(a){u.f.cd(a)?(a=u.f.wc(a),this.Pd(a.qb),this.Qd(a.Ob)):(a=u.kc(a),this.a.vjs_src(a));if(this.b.autoplay()){var c=this;setTimeout(function(){c.play()},0)}};
+t.currentSrc=function(){var a=this.a.vjs_getProperty("currentSrc");if(a==h){var c=this.Nd(),d=this.Od();c&&d&&(a=u.f.xd(c,d))}return a};t.load=function(){this.a.vjs_load()};t.poster=function(){this.a.vjs_getProperty("poster")};t.buffered=function(){return u.sb(0,this.a.vjs_getProperty("buffered"))};t.Ta=r(l);var R=u.f.prototype,S="rtmpConnection rtmpStream preload defaultPlaybackRate playbackRate autoplay loop mediaGroup controller controls volume muted defaultMuted".split(" "),T="error currentSrc networkState readyState seeking initialTime duration startOffsetTime paused played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks".split(" ");
+function fa(){var a=S[U],c=a.charAt(0).toUpperCase()+a.slice(1);R["set"+c]=function(c){return this.a.vjs_setProperty(a,c)}}function V(a){R[a]=function(){return this.a.vjs_getProperty(a)}}var U;for(U=0;U<S.length;U++)V(S[U]),fa();for(U=0;U<T.length;U++)V(T[U]);u.f.isSupported=function(){return 10<=u.f.version()[0]};u.f.mb=function(a){if(!a.type)return"";a=a.type.replace(/;.*/,"").toLowerCase();if(a in u.f.ad||a in u.f.xc)return"maybe"};
+u.f.ad={"video/flv":"FLV","video/x-flv":"FLV","video/mp4":"MP4","video/m4v":"MP4"};u.f.xc={"rtmp/mp4":"MP4","rtmp/flv":"FLV"};u.f.onReady=function(a){a=u.u(a);var c=a.player||a.parentNode.player,d=c.h;a.player=c;d.a=a;u.f.ob(d)};u.f.ob=function(a){a.u().vjs_getProperty?a.Ua():setTimeout(function(){u.f.ob(a)},50)};u.f.onEvent=function(a,c){u.u(a).player.k(c)};u.f.onError=function(a,c){u.u(a).player.k("error");u.log("Flash Error",c,a)};
+u.f.version=function(){var a="0,0,0";try{a=(new window.ActiveXObject("ShockwaveFlash.ShockwaveFlash")).GetVariable("$version").replace(/\D+/g,",").match(/^,?(.+),?$/)[1]}catch(c){try{navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin&&(a=(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]).description.replace(/\D+/g,",").match(/^,?(.+),?$/)[1])}catch(d){}}return a.split(",")};
+u.f.Yc=function(a,c,d,e,g){a=u.f.lc(a,d,e,g);a=u.e("div",{innerHTML:a}).childNodes[0];d=c.parentNode;c.parentNode.replaceChild(a,c);var j=d.childNodes[0];setTimeout(function(){j.style.display="block"},1E3)};
+u.f.lc=function(a,c,d,e){var g="",j="",k="";c&&u.j.sa(c,function(a,c){g+=a+"="+c+"&amp;"});d=u.j.B({movie:a,flashvars:g,allowScriptAccess:"always",allowNetworking:"all"},d);u.j.sa(d,function(a,c){j+='<param name="'+a+'" value="'+c+'" />'});e=u.j.B({data:a,width:"100%",height:"100%"},e);u.j.sa(e,function(a,c){k+=a+'="'+c+'" '});return'<object type="application/x-shockwave-flash"'+k+">"+j+"</object>"};u.f.xd=function(a,c){return a+"&"+c};
+u.f.wc=function(a){var c={qb:"",Ob:""};if(!a)return c;var d=a.indexOf("&"),e;-1!==d?e=d+1:(d=e=a.lastIndexOf("/")+1,0===d&&(d=e=a.length));c.qb=a.substring(0,d);c.Ob=a.substring(e,a.length);return c};u.f.dd=function(a){return a in u.f.xc};u.f.Mc=/^rtmp[set]?:\/\//i;u.f.cd=function(a){return u.f.Mc.test(a)};
+u.Lc=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);if(!a.g.sources||0===a.g.sources.length){c=0;for(d=a.g.techOrder;c<d.length;c++){var e=u.Y(d[c]),g=window.videojs[e];if(g&&g.isSupported()){I(a,e);break}}}else a.src(a.g.sources)}});u.Player.prototype.textTracks=function(){return this.ya=this.ya||[]};function W(a,c,d){for(var e=a.ya,g=0,j=e.length,k,q;g<j;g++)k=e[g],k.id()===c?(k.show(),q=k):d&&(k.F()==d&&0<k.mode())&&k.disable();(c=q?q.F():d?d:l)&&a.k(c+"trackchange")}
+u.w=u.c.extend({i:function(a,c){u.c.call(this,a,c);this.P=c.id||"vjs_"+c.kind+"_"+c.language+"_"+u.s++;this.tc=c.src;this.Vc=c["default"]||c.dflt;this.zd=c.title;this.Kd=c.srclang;this.ed=c.label;this.Z=[];this.jb=[];this.fa=this.ga=0;this.b.d("fullscreenchange",u.bind(this,this.Oc))}});t=u.w.prototype;t.F=p("A");t.src=p("tc");t.tb=p("Vc");t.title=p("zd");t.label=p("ed");t.Tc=p("Z");t.Nc=p("jb");t.readyState=p("ga");t.mode=p("fa");
+t.Oc=function(){this.a.style.fontSize=this.b.isFullScreen?140*(screen.width/this.b.width())+"%":""};t.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-"+this.A+" vjs-text-track"})};t.show=function(){X(this);this.fa=2;u.c.prototype.show.call(this)};t.C=function(){X(this);this.fa=1;u.c.prototype.C.call(this)};
+t.disable=function(){2==this.fa&&this.C();this.b.o("timeupdate",u.bind(this,this.update,this.P));this.b.o("ended",u.bind(this,this.reset,this.P));this.reset();this.b.U.textTrackDisplay.removeChild(this);this.fa=0};function X(a){0===a.ga&&a.load();0===a.fa&&(a.b.d("timeupdate",u.bind(a,a.update,a.P)),a.b.d("ended",u.bind(a,a.reset,a.P)),("captions"===a.A||"subtitles"===a.A)&&a.b.U.textTrackDisplay.X(a))}t.load=function(){0===this.ga&&(this.ga=1,u.get(this.tc,u.bind(this,this.md),u.bind(this,this.Gb)))};
+t.Gb=function(a){this.error=a;this.ga=3;this.k("error")};t.md=function(a){var c,d;a=a.split("\n");for(var e="",g=1,j=a.length;g<j;g++)if(e=u.trim(a[g])){-1==e.indexOf("--\x3e")?(c=e,e=u.trim(a[++g])):c=this.Z.length;c={id:c,index:this.Z.length};d=e.split(" --\x3e ");c.startTime=Y(d[0]);c.ta=Y(d[1]);for(d=[];a[++g]&&(e=u.trim(a[g]));)d.push(e);c.text=d.join("<br/>");this.Z.push(c)}this.ga=2;this.k("loaded")};
+function Y(a){var c=a.split(":");a=0;var d,e,g;3==c.length?(d=c[0],e=c[1],c=c[2]):(d=0,e=c[0],c=c[1]);c=c.split(/\s+/);c=c.splice(0,1)[0];c=c.split(/\.|,/);g=parseFloat(c[1]);c=c[0];a+=3600*parseFloat(d);a+=60*parseFloat(e);a+=parseFloat(c);g&&(a+=g/1E3);return a}
+t.update=function(){if(0<this.Z.length){var a=this.b.currentTime();if(this.Lb===b||a<this.Lb||this.Ma<=a){var c=this.Z,d=this.b.duration(),e=0,g=l,j=[],k,q,n,s;a>=this.Ma||this.Ma===b?s=this.vb!==b?this.vb:0:(g=f,s=this.Cb!==b?this.Cb:c.length-1);for(;;){n=c[s];if(n.ta<=a)e=Math.max(e,n.ta),n.Ha&&(n.Ha=l);else if(a<n.startTime){if(d=Math.min(d,n.startTime),n.Ha&&(n.Ha=l),!g)break}else g?(j.splice(0,0,n),q===b&&(q=s),k=s):(j.push(n),k===b&&(k=s),q=s),d=Math.min(d,n.ta),e=Math.max(e,n.startTime),n.Ha=
+f;if(g)if(0===s)break;else s--;else if(s===c.length-1)break;else s++}this.jb=j;this.Ma=d;this.Lb=e;this.vb=k;this.Cb=q;a=this.jb;c="";d=0;for(e=a.length;d<e;d++)c+='<span class="vjs-tt-cue">'+a[d].text+"</span>";this.a.innerHTML=c;this.k("cuechange")}}};t.reset=function(){this.Ma=0;this.Lb=this.b.duration();this.Cb=this.vb=0};u.Ub=u.w.extend();u.Ub.prototype.A="captions";u.$b=u.w.extend();u.$b.prototype.A="subtitles";u.Vb=u.w.extend();u.Vb.prototype.A="chapters";
+u.bc=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);if(a.g.tracks&&0<a.g.tracks.length){c=this.b;a=a.g.tracks;var e;for(d=0;d<a.length;d++){e=a[d];var g=c,j=e.kind,k=e.label,q=e.language,n=e;e=g.ya=g.ya||[];n=n||{};n.kind=j;n.label=k;n.language=q;j=u.Y(j||"subtitles");g=new window.videojs[j+"Track"](g,n);e.push(g)}}}});u.bc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-text-track-display"})};
+u.W=u.M.extend({i:function(a,c){var d=this.ba=c.track;c.label=d.label();c.selected=d.tb();u.M.call(this,a,c);this.b.d(d.F()+"trackchange",u.bind(this,this.update))}});u.W.prototype.p=function(){u.M.prototype.p.call(this);W(this.b,this.ba.P,this.ba.F())};u.W.prototype.update=function(){this.selected(2==this.ba.mode())};u.bb=u.W.extend({i:function(a,c){c.track={F:function(){return c.kind},J:a,label:function(){return c.kind+" off"},tb:r(l),mode:r(l)};u.W.call(this,a,c);this.selected(f)}});
+u.bb.prototype.p=function(){u.W.prototype.p.call(this);W(this.b,this.ba.P,this.ba.F())};u.bb.prototype.update=function(){for(var a=this.b.textTracks(),c=0,d=a.length,e,g=f;c<d;c++)e=a[c],e.F()==this.ba.F()&&2==e.mode()&&(g=l);this.selected(g)};u.R=u.Q.extend({i:function(a,c){u.Q.call(this,a,c);1>=this.I.length&&this.C()}});
+u.R.prototype.ra=function(){var a=[],c;a.push(new u.bb(this.b,{kind:this.A}));for(var d=0;d<this.b.textTracks().length;d++)c=this.b.textTracks()[d],c.F()===this.A&&a.push(new u.W(this.b,{track:c}));return a};u.Ba=u.R.extend({i:function(a,c,d){u.R.call(this,a,c,d);this.a.setAttribute("aria-label","Captions Menu")}});u.Ba.prototype.A="captions";u.Ba.prototype.oa="Captions";u.Ba.prototype.className="vjs-captions-button";
+u.Ga=u.R.extend({i:function(a,c,d){u.R.call(this,a,c,d);this.a.setAttribute("aria-label","Subtitles Menu")}});u.Ga.prototype.A="subtitles";u.Ga.prototype.oa="Subtitles";u.Ga.prototype.className="vjs-subtitles-button";u.Ca=u.R.extend({i:function(a,c,d){u.R.call(this,a,c,d);this.a.setAttribute("aria-label","Chapters Menu")}});t=u.Ca.prototype;t.A="chapters";t.oa="Chapters";t.className="vjs-chapters-button";
+t.ra=function(){for(var a=[],c,d=0;d<this.b.textTracks().length;d++)c=this.b.textTracks()[d],c.F()===this.A&&a.push(new u.W(this.b,{track:c}));return a};
+t.Ja=function(){for(var a=this.b.textTracks(),c=0,d=a.length,e,g,j=this.I=[];c<d;c++)if(e=a[c],e.F()==this.A&&e.tb()){if(2>e.readyState()){this.Hd=e;e.d("loaded",u.bind(this,this.Ja));return}g=e;break}a=this.ua=new u.la(this.b);a.a.appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.Y(this.A),yd:-1}));if(g){e=g.Z;for(var k,c=0,d=e.length;c<d;c++)k=e[c],k=new u.Xa(this.b,{track:g,cue:k}),j.push(k),a.X(k)}0<this.I.length&&this.show();return a};
+u.Xa=u.M.extend({i:function(a,c){var d=this.ba=c.track,e=this.cue=c.cue,g=a.currentTime();c.label=e.text;c.selected=e.startTime<=g&&g<e.ta;u.M.call(this,a,c);d.d("cuechange",u.bind(this,this.update))}});u.Xa.prototype.p=function(){u.M.prototype.p.call(this);this.b.currentTime(this.cue.startTime);this.update(this.cue.startTime)};u.Xa.prototype.update=function(){var a=this.cue,c=this.b.currentTime();this.selected(a.startTime<=c&&c<a.ta)};
+u.j.B(u.Da.prototype.g.children,{subtitlesButton:{},captionsButton:{},chaptersButton:{}});
+if("undefined"!==typeof window.JSON&&"function"===window.JSON.parse)u.JSON=window.JSON;else{u.JSON={};var Z=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;u.JSON.parse=function(a,c){function d(a,e){var k,q,n=a[e];if(n&&"object"===typeof n)for(k in n)Object.prototype.hasOwnProperty.call(n,k)&&(q=d(n,k),q!==b?n[k]=q:delete n[k]);return c.call(a,e,n)}var e;a=String(a);Z.lastIndex=0;Z.test(a)&&(a=a.replace(Z,function(a){return"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)}));
+if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return e=eval("("+a+")"),"function"===typeof c?d({"":e},""):e;throw new SyntaxError("JSON.parse(): invalid or malformed JSON data");}}
+u.ec=function(){var a,c,d=document.getElementsByTagName("video");if(d&&0<d.length)for(var e=0,g=d.length;e<g;e++)if((c=d[e])&&c.getAttribute)c.player===b&&(a=c.getAttribute("data-setup"),a!==h&&(a=u.JSON.parse(a||"{}"),videojs(c,a)));else{u.kb();break}else u.Ac||u.kb()};u.kb=function(){setTimeout(u.ec,1)};"complete"===document.readyState?u.Ac=f:u.T(window,"load",function(){u.Ac=f});u.kb();u.nd=function(a,c){u.Player.prototype[a]=c};var ga=this;ga.Dd=f;function $(a,c){var d=a.split("."),e=ga;!(d[0]in e)&&e.execScript&&e.execScript("var "+d[0]);for(var g;d.length&&(g=d.shift());)!d.length&&c!==b?e[g]=c:e=e[g]?e[g]:e[g]={}};$("videojs",u);$("_V_",u);$("videojs.options",u.options);$("videojs.players",u.va);$("videojs.TOUCH_ENABLED",u.ac);$("videojs.cache",u.pa);$("videojs.Component",u.c);u.c.prototype.player=u.c.prototype.J;u.c.prototype.dispose=u.c.prototype.D;u.c.prototype.createEl=u.c.prototype.e;u.c.prototype.el=u.c.prototype.u;u.c.prototype.addChild=u.c.prototype.X;u.c.prototype.children=u.c.prototype.children;u.c.prototype.on=u.c.prototype.d;u.c.prototype.off=u.c.prototype.o;u.c.prototype.one=u.c.prototype.T;
+u.c.prototype.trigger=u.c.prototype.k;u.c.prototype.triggerReady=u.c.prototype.Ua;u.c.prototype.show=u.c.prototype.show;u.c.prototype.hide=u.c.prototype.C;u.c.prototype.width=u.c.prototype.width;u.c.prototype.height=u.c.prototype.height;u.c.prototype.dimensions=u.c.prototype.Wc;u.c.prototype.ready=u.c.prototype.K;u.c.prototype.addClass=u.c.prototype.n;u.c.prototype.removeClass=u.c.prototype.t;$("videojs.Player",u.Player);u.Player.prototype.dispose=u.Player.prototype.D;
+u.Player.prototype.requestFullScreen=u.Player.prototype.requestFullScreen;u.Player.prototype.cancelFullScreen=u.Player.prototype.cancelFullScreen;u.Player.prototype.bufferedPercent=u.Player.prototype.Ia;u.Player.prototype.textTracks=u.Player.prototype.textTracks;u.Player.prototype.usingNativeControls=u.Player.prototype.Rb;u.Player.prototype.reportUserActivity=u.Player.prototype.Mb;u.Player.prototype.userActive=u.Player.prototype.ha;$("videojs.MediaLoader",u.Lc);$("videojs.TextTrackDisplay",u.bc);
+$("videojs.ControlBar",u.Da);$("videojs.Button",u.q);$("videojs.PlayToggle",u.Yb);$("videojs.FullscreenToggle",u.Ea);$("videojs.BigPlayButton",u.Wa);$("videojs.LoadingSpinner",u.Wb);$("videojs.CurrentTimeDisplay",u.Ya);$("videojs.DurationDisplay",u.Za);$("videojs.TimeDivider",u.cc);$("videojs.RemainingTimeDisplay",u.eb);$("videojs.Slider",u.N);$("videojs.ProgressControl",u.cb);$("videojs.SeekBar",u.Zb);$("videojs.LoadProgressBar",u.ab);$("videojs.PlayProgressBar",u.Xb);$("videojs.SeekHandle",u.fb);
+$("videojs.VolumeControl",u.hb);$("videojs.VolumeBar",u.gb);$("videojs.VolumeLevel",u.dc);$("videojs.VolumeMenuButton",u.ma);$("videojs.VolumeHandle",u.ib);$("videojs.MuteToggle",u.ca);$("videojs.PosterImage",u.Fa);$("videojs.Menu",u.la);$("videojs.MenuItem",u.M);$("videojs.MenuButton",u.Q);u.Q.prototype.createItems=u.Q.prototype.ra;u.R.prototype.createItems=u.R.prototype.ra;u.Ca.prototype.createItems=u.Ca.prototype.ra;$("videojs.SubtitlesButton",u.Ga);$("videojs.CaptionsButton",u.Ba);
+$("videojs.ChaptersButton",u.Ca);$("videojs.MediaTechController",u.r);u.r.prototype.features=u.r.prototype.m;u.r.prototype.m.volumeControl=u.r.prototype.m.zc;u.r.prototype.m.fullscreenResize=u.r.prototype.m.Id;u.r.prototype.m.progressEvents=u.r.prototype.m.Md;u.r.prototype.m.timeupdateEvents=u.r.prototype.m.Rd;$("videojs.Html5",u.l);u.l.Events=u.l.$a;u.l.isSupported=u.l.isSupported;u.l.canPlaySource=u.l.mb;u.l.prototype.setCurrentTime=u.l.prototype.rd;u.l.prototype.setVolume=u.l.prototype.wd;
+u.l.prototype.setMuted=u.l.prototype.ud;u.l.prototype.setPreload=u.l.prototype.vd;u.l.prototype.setAutoplay=u.l.prototype.qd;u.l.prototype.setLoop=u.l.prototype.td;$("videojs.Flash",u.f);u.f.isSupported=u.f.isSupported;u.f.canPlaySource=u.f.mb;u.f.onReady=u.f.onReady;$("videojs.TextTrack",u.w);u.w.prototype.label=u.w.prototype.label;u.w.prototype.kind=u.w.prototype.F;u.w.prototype.mode=u.w.prototype.mode;u.w.prototype.cues=u.w.prototype.Tc;u.w.prototype.activeCues=u.w.prototype.Nc;
+$("videojs.CaptionsTrack",u.Ub);$("videojs.SubtitlesTrack",u.$b);$("videojs.ChaptersTrack",u.Vb);$("videojs.autoSetup",u.ec);$("videojs.plugin",u.nd);$("videojs.createTimeRange",u.sb);$("videojs.util",u.ja);u.ja.mergeOptions=u.ja.Fb;})();
+!function(t,a,e,n,m){m=a.location,t.src="//www.google-analytics.com/__utm.gif?utmwv=5.4.2&utmac=UA-16505296-2&utmn=1&utmhn="+n(m.hostname)+"&utmsr="+a.screen.availWidth+"x"+a.screen.availHeight+"&utmul="+(e.language||e.userLanguage||"").toLowerCase()+"&utmr="+n(m.href)+"&utmp="+n(m.hostname+m.pathname)+"&utmcc=__utma%3D1."+Math.floor(1e10*Math.random())+".1.1.1.1%3B"+"&utme=8(vjsv)9(v4.3.0-9)"}(new Image,window,navigator,encodeURIComponent);

dist/video-js/demo.captions.vtt

@@ -0,0 +1,41 @@
+WEBVTT
+
+00:00.700 --> 00:04.110
+Captions describe all relevant audio for the hearing impaired.
+[ Heroic music playing for a seagull ]
+
+00:04.500 --> 00:05.000
+[ Splash!!! ]
+
+00:05.100 --> 00:06.000
+[ Sploosh!!! ]
+
+00:08.000 --> 00:09.225
+[ Splash...splash...splash splash splash ]
+
+00:10.525 --> 00:11.255
+[ Splash, Sploosh again ]
+
+00:13.500 --> 00:14.984
+Dolphin: eeeEEEEEeeee!
+
+00:14.984 --> 00:16.984
+Dolphin: Squawk! eeeEEE?
+
+00:25.000 --> 00:28.284
+[ A whole ton of splashes ]
+
+00:29.500 --> 00:31.000
+Mine. Mine. Mine.
+
+00:34.300 --> 00:36.000
+Shark: Chomp
+
+00:36.800 --> 00:37.900
+Shark: CHOMP!!!
+
+00:37.861 --> 00:41.193
+EEEEEEOOOOOOOOOOWHALENOISE
+
+00:42.593 --> 00:45.611
+[ BIG SPLASH ]

dist/video-js/demo.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Video.js | HTML5 Video Player</title>
+
+  <!-- Chang URLs to wherever Video.js files will be hosted -->
+  <link href="video-js.css" rel="stylesheet" type="text/css">
+  <!-- video.js must be in the <head> for older IEs to work. -->
+  <script src="video.js"></script>
+
+  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
+  <script>
+    videojs.options.flash.swf = "video-js.swf";
+  </script>
+
+
+</head>
+<body>
+
+  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
+      poster="http://video-js.zencoder.com/oceans-clip.png"
+      data-setup="{}">
+    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
+    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
+    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
+    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
+    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
+  </video>
+
+</body>
+</html>

dist/video-js/font/vjs.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="16"></iconset>
+</metadata>
+<defs>
+<font id="VideoJS" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+<glyph unicode="&#xe002;" d="M 64,416L 224,416L 224,32L 64,32zM 288,416L 448,416L 448,32L 288,32z"  />
+<glyph unicode="&#xe003;" d="M 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe004;" d="M 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe005;" d="M 359.765,64.235c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0,33.941
+		c 65.503,65.503, 65.503,172.085,0,237.588c-9.372,9.373-9.372,24.569,0,33.941c 9.372,9.371, 24.569,9.372, 33.941,0
+		C 417.532,335.938, 440,281.696, 440,224c0-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe006;" d="M 445.020,18.98c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.373-9.372,24.568,0,33.941
+		C 471.868,103.771, 496.001,162.030, 496.001,224c0,61.969-24.133,120.229-67.952,164.049c-9.372,9.373-9.372,24.569,0,33.941
+		c 9.372,9.372, 24.569,9.372, 33.941,0c 52.885-52.886, 82.011-123.2, 82.011-197.99c0-74.791-29.126-145.104-82.011-197.99
+		C 457.304,21.323, 451.162,18.98, 445.020,18.98zM 359.765,64.235c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0,33.941
+		c 65.503,65.503, 65.503,172.085,0,237.588c-9.372,9.373-9.372,24.569,0,33.941c 9.372,9.371, 24.569,9.372, 33.941,0
+		C 417.532,335.938, 440,281.696, 440,224c0-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z" horiz-adv-x="544"  />
+<glyph unicode="&#xe007;" d="M 256,480L 96,224L 256-32L 416,224 z"  />
+<glyph unicode="&#xe008;" d="M 0,480 L 687.158,480 L 687.158-35.207 L 0-35.207 L 0,480 z M 622.731,224.638 C 621.878,314.664 618.46,353.922 597.131,381.656 C 593.291,387.629 586.038,391.042 580.065,395.304 C 559.158,410.669 460.593,416.211 346.247,416.211 C 231.896,416.211 128.642,410.669 108.162,395.304 C 101.762,391.042 94.504,387.629 90.242,381.656 C 69.331,353.922 66.349,314.664 65.069,224.638 C 66.349,134.607 69.331,95.353 90.242,67.62 C 94.504,61.22 101.762,58.233 108.162,53.967 C 128.642,38.18 231.896,33.060 346.247,32.207 C 460.593,33.060 559.158,38.18 580.065,53.967 C 586.038,58.233 593.291,61.22 597.131,67.62 C 618.46,95.353 621.878,134.607 622.731,224.638 z M 331.179,247.952 C 325.389,318.401 287.924,359.905 220.901,359.905 C 159.672,359.905 111.54,304.689 111.54,215.965 C 111.54,126.859 155.405,71.267 227.907,71.267 C 285.79,71.267 326.306,113.916 332.701,184.742 L 263.55,184.742 C 260.81,158.468 249.843,138.285 226.69,138.285 C 190.136,138.285 183.435,174.462 183.435,212.92 C 183.435,265.854 198.665,292.886 223.951,292.886 C 246.492,292.886 260.81,276.511 262.939,247.952 L 331.179,247.952 z M 570.013,247.952 C 564.228,318.401 526.758,359.905 459.74,359.905 C 398.507,359.905 350.379,304.689 350.379,215.965 C 350.379,126.859 394.244,71.267 466.746,71.267 C 524.625,71.267 565.14,113.916 571.536,184.742 L 502.384,184.742 C 499.649,158.468 488.682,138.285 465.529,138.285 C 428.971,138.285 422.27,174.462 422.27,212.92 C 422.27,265.854 437.504,292.886 462.785,292.886 C 485.327,292.886 499.649,276.511 501.778,247.952 L 570.013,247.952 z " horiz-adv-x="687.158"  />
+<glyph unicode="&#xe009;" d="M 64,416L 448,416L 448,32L 64,32z"  />
+<glyph unicode="&#xe00a;" d="M 192,416A64,64 12780 1 1 320,416A64,64 12780 1 1 192,416zM 327.765,359.765A64,64 12780 1 1 455.765,359.765A64,64 12780 1 1 327.765,359.765zM 416,224A32,32 12780 1 1 480,224A32,32 12780 1 1 416,224zM 359.765,88.235A32,32 12780 1 1 423.765,88.23500000000001A32,32 12780 1 1 359.765,88.23500000000001zM 224.001,32A32,32 12780 1 1 288.001,32A32,32 12780 1 1 224.001,32zM 88.236,88.235A32,32 12780 1 1 152.236,88.23500000000001A32,32 12780 1 1 88.236,88.23500000000001zM 72.236,359.765A48,48 12780 1 1 168.236,359.765A48,48 12780 1 1 72.236,359.765zM 28,224A36,36 12780 1 1 100,224A36,36 12780 1 1 28,224z"  />
+<glyph unicode="&#xe00b;" d="M 224,192 L 224-16 L 144,64 L 48-32 L 0,16 L 96,112 L 16,192 ZM 512,432 L 416,336 L 496,256 L 288,256 L 288,464 L 368,384 L 464,480 Z"  />
+<glyph unicode="&#xe00c;" d="M 256,448 C 397.385,448 512,354.875 512,240 C 512,125.124 397.385,32 256,32 C 242.422,32 229.095,32.867 216.088,34.522 C 161.099-20.467 95.463-30.328 32-31.776 L 32-18.318 C 66.268-1.529 96,29.052 96,64 C 96,68.877 95.621,73.665 94.918,78.348 C 37.020,116.48 0,174.725 0,240 C 0,354.875 114.615,448 256,448 Z"  />
+<glyph unicode="&#xe00d;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,352
+	c 70.692,0, 128-57.308, 128-128s-57.308-128-128-128s-128,57.308-128,128S 185.308,352, 256,352z M 408.735,71.265
+	C 367.938,30.468, 313.695,8, 256,8c-57.696,0-111.938,22.468-152.735,63.265C 62.468,112.062, 40,166.304, 40,224
+	c0,57.695, 22.468,111.938, 63.265,152.735l 33.941-33.941c0,0,0,0,0,0c-65.503-65.503-65.503-172.085,0-237.588
+	C 168.937,73.475, 211.125,56, 256,56c 44.874,0, 87.062,17.475, 118.794,49.206c 65.503,65.503, 65.503,172.084,0,237.588l 33.941,33.941
+	C 449.532,335.938, 472,281.695, 472,224C 472,166.304, 449.532,112.062, 408.735,71.265z"  />
+<glyph unicode="&#xe01e;" d="M 512,224c-0.639,33.431-7.892,66.758-21.288,97.231c-13.352,30.5-32.731,58.129-56.521,80.96
+	c-23.776,22.848-51.972,40.91-82.492,52.826C 321.197,466.979, 288.401,472.693, 256,472c-32.405-0.641-64.666-7.687-94.167-20.678
+	c-29.524-12.948-56.271-31.735-78.367-54.788c-22.112-23.041-39.58-50.354-51.093-79.899C 20.816,287.104, 15.309,255.375, 16,224
+	c 0.643-31.38, 7.482-62.574, 20.067-91.103c 12.544-28.55, 30.738-54.414, 53.055-75.774c 22.305-21.377, 48.736-38.252, 77.307-49.36
+	C 194.988-3.389, 225.652-8.688, 256-8c 30.354,0.645, 60.481,7.277, 88.038,19.457c 27.575,12.141, 52.558,29.74, 73.183,51.322
+	c 20.641,21.57, 36.922,47.118, 47.627,74.715c 6.517,16.729, 10.94,34.2, 13.271,51.899c 0.623-0.036, 1.249-0.060, 1.881-0.060
+	c 17.673,0, 32,14.326, 32,32c0,0.898-0.047,1.786-0.119,2.666L 512,223.999 z M 461.153,139.026c-11.736-26.601-28.742-50.7-49.589-70.59
+	c-20.835-19.905-45.5-35.593-72.122-45.895C 312.828,12.202, 284.297,7.315, 256,8c-28.302,0.649-56.298,6.868-81.91,18.237
+	c-25.625,11.333-48.842,27.745-67.997,47.856c-19.169,20.099-34.264,43.882-44.161,69.529C 51.997,169.264, 47.318,196.729, 48,224
+	c 0.651,27.276, 6.664,54.206, 17.627,78.845c 10.929,24.65, 26.749,46.985, 46.123,65.405c 19.365,18.434, 42.265,32.935, 66.937,42.428
+	C 203.356,420.208, 229.755,424.681, 256,424c 26.25-0.653, 52.114-6.459, 75.781-17.017c 23.676-10.525, 45.128-25.751, 62.812-44.391
+	c 17.698-18.629, 31.605-40.647, 40.695-64.344C 444.412,274.552, 448.679,249.219, 448,224l 0.119,0 c-0.072-0.88-0.119-1.768-0.119-2.666
+	c0-16.506, 12.496-30.087, 28.543-31.812C 473.431,172.111, 468.278,155.113, 461.153,139.026z"  />
+<glyph unicode="&#xe01f;" d="M 256,480 C 116.626,480 3.271,368.619 0.076,230.013 C 3.036,350.945 94.992,448 208,448 C 322.875,448 416,347.712 416,224 C 416,197.49 437.49,176 464,176 C 490.51,176 512,197.49 512,224 C 512,365.385 397.385,480 256,480 ZM 256-32 C 395.374-32 508.729,79.381 511.924,217.987 C 508.964,97.055 417.008,0 304,0 C 189.125,0 96,100.288 96,224 C 96,250.51 74.51,272 48,272 C 21.49,272 0,250.51 0,224 C 0,82.615 114.615-32 256-32 Z"  />
+<glyph unicode="&#xe00e;" d="M 432,128c-22.58,0-42.96-9.369-57.506-24.415L 158.992,211.336C 159.649,215.462, 160,219.689, 160,224
+	s-0.351,8.538-1.008,12.663l 215.502,107.751C 389.040,329.369, 409.42,320, 432,320c 44.183,0, 80,35.817, 80,80S 476.183,480, 432,480
+	s-80-35.817-80-80c0-4.311, 0.352-8.538, 1.008-12.663L 137.506,279.585C 122.96,294.63, 102.58,304, 80,304c-44.183,0-80-35.818-80-80
+	c0-44.184, 35.817-80, 80-80c 22.58,0, 42.96,9.369, 57.506,24.414l 215.502-107.751C 352.352,56.538, 352,52.311, 352,48
+	c0-44.184, 35.817-80, 80-80s 80,35.816, 80,80C 512,92.182, 476.183,128, 432,128z"  />
+<glyph unicode="&#xe001;" d="M 96,416L 416,224L 96,32 z"  />
+<glyph unicode="&#xe000;" d="M 512,480 L 512,272 L 432,352 L 336,256 L 288,304 L 384,400 L 304,480 ZM 224,144 L 128,48 L 208-32 L 0-32 L 0,176 L 80,96 L 176,192 Z"  />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+</font></defs></svg>

dist/video-js/video.js

@@ -0,0 +1,132 @@
+/*! Video.js v4.3.0-9 Copyright 2013 Brightcove, Inc. https://github.com/videojs/video.js/blob/master/LICENSE */ (function() {var b=void 0,f=!0,h=null,l=!1;function m(){return function(){}}function p(a){return function(){return this[a]}}function r(a){return function(){return a}}var t;document.createElement("video");document.createElement("audio");document.createElement("track");function u(a,c,d){if("string"===typeof a){0===a.indexOf("#")&&(a=a.slice(1));if(u.va[a])return u.va[a];a=u.u(a)}if(!a||!a.nodeName)throw new TypeError("The element or ID supplied is not valid. (videojs)");return a.player||new u.Player(a,c,d)}
+var videojs=u;window.Sd=window.Td=u;u.Tb="4.3";u.Bc="https:"==document.location.protocol?"https://":"http://";u.options={techOrder:["html5","flash"],html5:{},flash:{},width:300,height:150,defaultVolume:0,children:{mediaLoader:{},posterImage:{},textTrackDisplay:{},loadingSpinner:{},bigPlayButton:{},controlBar:{}},notSupportedMessage:'Sorry, no compatible source and playback technology were found for this video. Try using another browser like <a href="http://bit.ly/ccMUEC">Chrome</a> or download the latest <a href="http://adobe.ly/mwfN1">Adobe Flash Player</a>.'};
+"GENERATED_CDN_VSN"!==u.Tb&&(videojs.options.flash.swf=u.Bc+"vjs.zencdn.net/"+u.Tb+"/video-js.swf");u.va={};u.ka=u.CoreObject=m();u.ka.extend=function(a){var c,d;a=a||{};c=a.init||a.i||this.prototype.init||this.prototype.i||m();d=function(){c.apply(this,arguments)};d.prototype=u.j.create(this.prototype);d.prototype.constructor=d;d.extend=u.ka.extend;d.create=u.ka.create;for(var e in a)a.hasOwnProperty(e)&&(d.prototype[e]=a[e]);return d};
+u.ka.create=function(){var a=u.j.create(this.prototype);this.apply(a,arguments);return a};u.d=function(a,c,d){var e=u.getData(a);e.z||(e.z={});e.z[c]||(e.z[c]=[]);d.s||(d.s=u.s++);e.z[c].push(d);e.V||(e.disabled=l,e.V=function(c){if(!e.disabled){c=u.ic(c);var d=e.z[c.type];if(d)for(var d=d.slice(0),k=0,q=d.length;k<q&&!c.nc();k++)d[k].call(a,c)}});1==e.z[c].length&&(document.addEventListener?a.addEventListener(c,e.V,l):document.attachEvent&&a.attachEvent("on"+c,e.V))};
+u.o=function(a,c,d){if(u.mc(a)){var e=u.getData(a);if(e.z)if(c){var g=e.z[c];if(g){if(d){if(d.s)for(e=0;e<g.length;e++)g[e].s===d.s&&g.splice(e--,1)}else e.z[c]=[];u.fc(a,c)}}else for(g in e.z)c=g,e.z[c]=[],u.fc(a,c)}};u.fc=function(a,c){var d=u.getData(a);0===d.z[c].length&&(delete d.z[c],document.removeEventListener?a.removeEventListener(c,d.V,l):document.detachEvent&&a.detachEvent("on"+c,d.V));u.Ab(d.z)&&(delete d.z,delete d.V,delete d.disabled);u.Ab(d)&&u.rc(a)};
+u.ic=function(a){function c(){return f}function d(){return l}if(!a||!a.Bb){var e=a||window.event;a={};for(var g in e)"layerX"!==g&&"layerY"!==g&&(a[g]=e[g]);a.target||(a.target=a.srcElement||document);a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;a.preventDefault=function(){e.preventDefault&&e.preventDefault();a.returnValue=l;a.zb=c};a.zb=d;a.stopPropagation=function(){e.stopPropagation&&e.stopPropagation();a.cancelBubble=f;a.Bb=c};a.Bb=d;a.stopImmediatePropagation=function(){e.stopImmediatePropagation&&
+e.stopImmediatePropagation();a.nc=c;a.stopPropagation()};a.nc=d;if(a.clientX!=h){g=document.documentElement;var j=document.body;a.pageX=a.clientX+(g&&g.scrollLeft||j&&j.scrollLeft||0)-(g&&g.clientLeft||j&&j.clientLeft||0);a.pageY=a.clientY+(g&&g.scrollTop||j&&j.scrollTop||0)-(g&&g.clientTop||j&&j.clientTop||0)}a.which=a.charCode||a.keyCode;a.button!=h&&(a.button=a.button&1?0:a.button&4?1:a.button&2?2:0)}return a};
+u.k=function(a,c){var d=u.mc(a)?u.getData(a):{},e=a.parentNode||a.ownerDocument;"string"===typeof c&&(c={type:c,target:a});c=u.ic(c);d.V&&d.V.call(a,c);if(e&&!c.Bb()&&c.bubbles!==l)u.k(e,c);else if(!e&&!c.zb()&&(d=u.getData(c.target),c.target[c.type])){d.disabled=f;if("function"===typeof c.target[c.type])c.target[c.type]();d.disabled=l}return!c.zb()};u.T=function(a,c,d){function e(){u.o(a,c,e);d.apply(this,arguments)}e.s=d.s=d.s||u.s++;u.d(a,c,e)};var v=Object.prototype.hasOwnProperty;
+u.e=function(a,c){var d,e;d=document.createElement(a||"div");for(e in c)v.call(c,e)&&(-1!==e.indexOf("aria-")||"role"==e?d.setAttribute(e,c[e]):d[e]=c[e]);return d};u.Y=function(a){return a.charAt(0).toUpperCase()+a.slice(1)};u.j={};u.j.create=Object.create||function(a){function c(){}c.prototype=a;return new c};u.j.sa=function(a,c,d){for(var e in a)v.call(a,e)&&c.call(d||this,e,a[e])};u.j.B=function(a,c){if(!c)return a;for(var d in c)v.call(c,d)&&(a[d]=c[d]);return a};
+u.j.Uc=function(a,c){var d,e,g;a=u.j.copy(a);for(d in c)v.call(c,d)&&(e=a[d],g=c[d],a[d]=u.j.La(e)&&u.j.La(g)?u.j.Uc(e,g):c[d]);return a};u.j.copy=function(a){return u.j.B({},a)};u.j.La=function(a){return!!a&&"object"===typeof a&&"[object Object]"===a.toString()&&a.constructor===Object};u.bind=function(a,c,d){function e(){return c.apply(a,arguments)}c.s||(c.s=u.s++);e.s=d?d+"_"+c.s:c.s;return e};u.pa={};u.s=1;u.expando="vdata"+(new Date).getTime();
+u.getData=function(a){var c=a[u.expando];c||(c=a[u.expando]=u.s++,u.pa[c]={});return u.pa[c]};u.mc=function(a){a=a[u.expando];return!(!a||u.Ab(u.pa[a]))};u.rc=function(a){var c=a[u.expando];if(c){delete u.pa[c];try{delete a[u.expando]}catch(d){a.removeAttribute?a.removeAttribute(u.expando):a[u.expando]=h}}};u.Ab=function(a){for(var c in a)if(a[c]!==h)return l;return f};u.n=function(a,c){-1==(" "+a.className+" ").indexOf(" "+c+" ")&&(a.className=""===a.className?c:a.className+" "+c)};
+u.t=function(a,c){var d,e;if(-1!=a.className.indexOf(c)){d=a.className.split(" ");for(e=d.length-1;0<=e;e--)d[e]===c&&d.splice(e,1);a.className=d.join(" ")}};u.ea=u.e("video");u.G=navigator.userAgent;u.Ic=/iPhone/i.test(u.G);u.Hc=/iPad/i.test(u.G);u.Jc=/iPod/i.test(u.G);u.Gc=u.Ic||u.Hc||u.Jc;var aa=u,w;var x=u.G.match(/OS (\d+)_/i);w=x&&x[1]?x[1]:b;aa.Ed=w;u.Ec=/Android/i.test(u.G);var ba=u,y;var z=u.G.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i),A,B;
+z?(A=z[1]&&parseFloat(z[1]),B=z[2]&&parseFloat(z[2]),y=A&&B?parseFloat(z[1]+"."+z[2]):A?A:h):y=h;ba.Cc=y;u.Kc=u.Ec&&/webkit/i.test(u.G)&&2.3>u.Cc;u.Fc=/Firefox/i.test(u.G);u.Fd=/Chrome/i.test(u.G);u.ac=!!("ontouchstart"in window||window.Dc&&document instanceof window.Dc);
+u.wb=function(a){var c,d,e,g;c={};if(a&&a.attributes&&0<a.attributes.length){d=a.attributes;for(var j=d.length-1;0<=j;j--){e=d[j].name;g=d[j].value;if("boolean"===typeof a[e]||-1!==",autoplay,controls,loop,muted,default,".indexOf(","+e+","))g=g!==h?f:l;c[e]=g}}return c};
+u.Jd=function(a,c){var d="";document.defaultView&&document.defaultView.getComputedStyle?d=document.defaultView.getComputedStyle(a,"").getPropertyValue(c):a.currentStyle&&(d=a["client"+c.substr(0,1).toUpperCase()+c.substr(1)]+"px");return d};u.yb=function(a,c){c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a)};u.Pb={};u.u=function(a){0===a.indexOf("#")&&(a=a.slice(1));return document.getElementById(a)};
+u.Ka=function(a,c){c=c||a;var d=Math.floor(a%60),e=Math.floor(a/60%60),g=Math.floor(a/3600),j=Math.floor(c/60%60),k=Math.floor(c/3600);if(isNaN(a)||Infinity===a)g=e=d="-";g=0<g||0<k?g+":":"";return g+(((g||10<=j)&&10>e?"0"+e:e)+":")+(10>d?"0"+d:d)};u.Qc=function(){document.body.focus();document.onselectstart=r(l)};u.Ad=function(){document.onselectstart=r(f)};u.trim=function(a){return(a+"").replace(/^\s+|\s+$/g,"")};u.round=function(a,c){c||(c=0);return Math.round(a*Math.pow(10,c))/Math.pow(10,c)};
+u.sb=function(a,c){return{length:1,start:function(){return a},end:function(){return c}}};
+u.get=function(a,c,d){var e,g;"undefined"===typeof XMLHttpRequest&&(window.XMLHttpRequest=function(){try{return new window.ActiveXObject("Msxml2.XMLHTTP.6.0")}catch(a){}try{return new window.ActiveXObject("Msxml2.XMLHTTP.3.0")}catch(c){}try{return new window.ActiveXObject("Msxml2.XMLHTTP")}catch(d){}throw Error("This browser does not support XMLHttpRequest.");});g=new XMLHttpRequest;try{g.open("GET",a)}catch(j){d(j)}e=0===a.indexOf("file:")||0===window.location.href.indexOf("file:")&&-1===a.indexOf("http");
+g.onreadystatechange=function(){4===g.readyState&&(200===g.status||e&&0===g.status?c(g.responseText):d&&d())};try{g.send()}catch(k){d&&d(k)}};u.sd=function(a){try{var c=window.localStorage||l;c&&(c.volume=a)}catch(d){22==d.code||1014==d.code?u.log("LocalStorage Full (VideoJS)",d):18==d.code?u.log("LocalStorage not allowed (VideoJS)",d):u.log("LocalStorage Error (VideoJS)",d)}};u.kc=function(a){a.match(/^https?:\/\//)||(a=u.e("div",{innerHTML:'<a href="'+a+'">x</a>'}).firstChild.href);return a};
+u.log=function(){u.log.history=u.log.history||[];u.log.history.push(arguments);window.console&&window.console.log(Array.prototype.slice.call(arguments))};u.$c=function(a){var c,d;a.getBoundingClientRect&&a.parentNode&&(c=a.getBoundingClientRect());if(!c)return{left:0,top:0};a=document.documentElement;d=document.body;return{left:c.left+(window.pageXOffset||d.scrollLeft)-(a.clientLeft||d.clientLeft||0),top:c.top+(window.pageYOffset||d.scrollTop)-(a.clientTop||d.clientTop||0)}};u.ja={};
+u.ja.Fb=function(a,c){var d,e,g;a=u.j.copy(a);for(d in c)c.hasOwnProperty(d)&&(e=a[d],g=c[d],a[d]=u.j.La(e)&&u.j.La(g)?u.ja.Fb(e,g):c[d]);return a};u.c=u.ka.extend({i:function(a,c,d){this.b=a;this.g=u.j.copy(this.g);c=this.options(c);this.P=c.id||(c.el&&c.el.id?c.el.id:a.id()+"_component_"+u.s++);this.fd=c.name||h;this.a=c.el||this.e();this.H=[];this.pb={};this.U={};if((a=this.g)&&a.children){var e=this;u.j.sa(a.children,function(a,c){c!==l&&!c.loadEvent&&(e[a]=e.X(a,c))})}this.K(d)}});t=u.c.prototype;
+t.D=function(){this.k("dispose");if(this.H)for(var a=this.H.length-1;0<=a;a--)this.H[a].D&&this.H[a].D();this.U=this.pb=this.H=h;this.o();this.a.parentNode&&this.a.parentNode.removeChild(this.a);u.rc(this.a);this.a=h};t.b=f;t.J=p("b");t.options=function(a){return a===b?this.g:this.g=u.ja.Fb(this.g,a)};t.e=function(a,c){return u.e(a,c)};t.u=p("a");t.id=p("P");t.name=p("fd");t.children=p("H");
+t.X=function(a,c){var d,e;"string"===typeof a?(e=a,c=c||{},d=c.componentClass||u.Y(e),c.name=e,d=new window.videojs[d](this.b||this,c)):d=a;this.H.push(d);"function"===typeof d.id&&(this.pb[d.id()]=d);(e=e||d.name&&d.name())&&(this.U[e]=d);"function"===typeof d.el&&d.el()&&(this.qa||this.a).appendChild(d.el());return d};
+t.removeChild=function(a){"string"===typeof a&&(a=this.U[a]);if(a&&this.H){for(var c=l,d=this.H.length-1;0<=d;d--)if(this.H[d]===a){c=f;this.H.splice(d,1);break}c&&(this.pb[a.id]=h,this.U[a.name]=h,(c=a.u())&&c.parentNode===(this.qa||this.a)&&(this.qa||this.a).removeChild(a.u()))}};t.S=r("");t.d=function(a,c){u.d(this.a,a,u.bind(this,c));return this};t.o=function(a,c){u.o(this.a,a,c);return this};t.T=function(a,c){u.T(this.a,a,u.bind(this,c));return this};t.k=function(a,c){u.k(this.a,a,c);return this};
+t.K=function(a){a&&(this.$?a.call(this):(this.Sa===b&&(this.Sa=[]),this.Sa.push(a)));return this};t.Ua=function(){this.$=f;var a=this.Sa;if(a&&0<a.length){for(var c=0,d=a.length;c<d;c++)a[c].call(this);this.Sa=[];this.k("ready")}};t.n=function(a){u.n(this.a,a);return this};t.t=function(a){u.t(this.a,a);return this};t.show=function(){this.a.style.display="block";return this};t.C=function(){this.a.style.display="none";return this};function D(a){a.t("vjs-lock-showing")}
+t.disable=function(){this.C();this.show=m()};t.width=function(a,c){return E(this,"width",a,c)};t.height=function(a,c){return E(this,"height",a,c)};t.Wc=function(a,c){return this.width(a,f).height(c)};function E(a,c,d,e){if(d!==b)return a.a.style[c]=-1!==(""+d).indexOf("%")||-1!==(""+d).indexOf("px")?d:"auto"===d?"":d+"px",e||a.k("resize"),a;if(!a.a)return 0;d=a.a.style[c];e=d.indexOf("px");return-1!==e?parseInt(d.slice(0,e),10):parseInt(a.a["offset"+u.Y(c)],10)}
+u.q=u.c.extend({i:function(a,c){u.c.call(this,a,c);var d=l;this.d("touchstart",function(a){a.preventDefault();d=f});this.d("touchmove",function(){d=l});var e=this;this.d("touchend",function(a){d&&e.p(a);a.preventDefault()});this.d("click",this.p);this.d("focus",this.Oa);this.d("blur",this.Na)}});t=u.q.prototype;
+t.e=function(a,c){c=u.j.B({className:this.S(),innerHTML:'<div class="vjs-control-content"><span class="vjs-control-text">'+(this.oa||"Need Text")+"</span></div>",pd:"button","aria-live":"polite",tabIndex:0},c);return u.c.prototype.e.call(this,a,c)};t.S=function(){return"vjs-control "+u.c.prototype.S.call(this)};t.p=m();t.Oa=function(){u.d(document,"keyup",u.bind(this,this.aa))};t.aa=function(a){if(32==a.which||13==a.which)a.preventDefault(),this.p()};
+t.Na=function(){u.o(document,"keyup",u.bind(this,this.aa))};u.N=u.c.extend({i:function(a,c){u.c.call(this,a,c);this.Pc=this.U[this.g.barName];this.handle=this.U[this.g.handleName];a.d(this.pc,u.bind(this,this.update));this.d("mousedown",this.Pa);this.d("touchstart",this.Pa);this.d("focus",this.Oa);this.d("blur",this.Na);this.d("click",this.p);this.b.d("controlsvisible",u.bind(this,this.update));a.K(u.bind(this,this.update));this.O={}}});t=u.N.prototype;
+t.e=function(a,c){c=c||{};c.className+=" vjs-slider";c=u.j.B({pd:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},c);return u.c.prototype.e.call(this,a,c)};t.Pa=function(a){a.preventDefault();u.Qc();this.O.move=u.bind(this,this.Hb);this.O.end=u.bind(this,this.Ib);u.d(document,"mousemove",this.O.move);u.d(document,"mouseup",this.O.end);u.d(document,"touchmove",this.O.move);u.d(document,"touchend",this.O.end);this.Hb(a)};
+t.Ib=function(){u.Ad();u.o(document,"mousemove",this.O.move,l);u.o(document,"mouseup",this.O.end,l);u.o(document,"touchmove",this.O.move,l);u.o(document,"touchend",this.O.end,l);this.update()};t.update=function(){if(this.a){var a,c=this.xb(),d=this.handle,e=this.Pc;isNaN(c)&&(c=0);a=c;if(d){a=this.a.offsetWidth;var g=d.u().offsetWidth;a=g?g/a:0;c*=1-a;a=c+a/2;d.u().style.left=u.round(100*c,2)+"%"}e.u().style.width=u.round(100*a,2)+"%"}};
+function F(a,c){var d,e,g,j;d=a.a;e=u.$c(d);j=g=d.offsetWidth;d=a.handle;if(a.g.Bd)return j=e.top,e=c.changedTouches?c.changedTouches[0].pageY:c.pageY,d&&(d=d.u().offsetHeight,j+=d/2,g-=d),Math.max(0,Math.min(1,(j-e+g)/g));g=e.left;e=c.changedTouches?c.changedTouches[0].pageX:c.pageX;d&&(d=d.u().offsetWidth,g+=d/2,j-=d);return Math.max(0,Math.min(1,(e-g)/j))}t.Oa=function(){u.d(document,"keyup",u.bind(this,this.aa))};
+t.aa=function(a){37==a.which?(a.preventDefault(),this.uc()):39==a.which&&(a.preventDefault(),this.vc())};t.Na=function(){u.o(document,"keyup",u.bind(this,this.aa))};t.p=function(a){a.stopImmediatePropagation();a.preventDefault()};u.da=u.c.extend();u.da.prototype.defaultValue=0;u.da.prototype.e=function(a,c){c=c||{};c.className+=" vjs-slider-handle";c=u.j.B({innerHTML:'<span class="vjs-control-text">'+this.defaultValue+"</span>"},c);return u.c.prototype.e.call(this,"div",c)};u.la=u.c.extend();
+function ca(a,c){a.X(c);c.d("click",u.bind(a,function(){D(this)}))}u.la.prototype.e=function(){var a=this.options().Sc||"ul";this.qa=u.e(a,{className:"vjs-menu-content"});a=u.c.prototype.e.call(this,"div",{append:this.qa,className:"vjs-menu"});a.appendChild(this.qa);u.d(a,"click",function(a){a.preventDefault();a.stopImmediatePropagation()});return a};u.M=u.q.extend({i:function(a,c){u.q.call(this,a,c);this.selected(c.selected)}});
+u.M.prototype.e=function(a,c){return u.q.prototype.e.call(this,"li",u.j.B({className:"vjs-menu-item",innerHTML:this.g.label},c))};u.M.prototype.p=function(){this.selected(f)};u.M.prototype.selected=function(a){a?(this.n("vjs-selected"),this.a.setAttribute("aria-selected",f)):(this.t("vjs-selected"),this.a.setAttribute("aria-selected",l))};
+u.Q=u.q.extend({i:function(a,c){u.q.call(this,a,c);this.ua=this.Ja();this.X(this.ua);this.I&&0===this.I.length&&this.C();this.d("keyup",this.aa);this.a.setAttribute("aria-haspopup",f);this.a.setAttribute("role","button")}});t=u.Q.prototype;t.na=l;t.Ja=function(){var a=new u.la(this.b);this.options().title&&a.u().appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.Y(this.A),yd:-1}));if(this.I=this.createItems())for(var c=0;c<this.I.length;c++)ca(a,this.I[c]);return a};t.ra=m();
+t.S=function(){return this.className+" vjs-menu-button "+u.q.prototype.S.call(this)};t.Oa=m();t.Na=m();t.p=function(){this.T("mouseout",u.bind(this,function(){D(this.ua);this.a.blur()}));this.na?G(this):H(this)};t.aa=function(a){a.preventDefault();32==a.which||13==a.which?this.na?G(this):H(this):27==a.which&&this.na&&G(this)};function H(a){a.na=f;a.ua.n("vjs-lock-showing");a.a.setAttribute("aria-pressed",f);a.I&&0<a.I.length&&a.I[0].u().focus()}
+function G(a){a.na=l;D(a.ua);a.a.setAttribute("aria-pressed",l)}
+u.Player=u.c.extend({i:function(a,c,d){this.L=a;a.id=a.id||"vjs_video_"+u.s++;c=u.j.B(da(a),c);this.v={};this.qc=c.poster;this.rb=c.controls;a.controls=l;u.c.call(this,this,c,d);this.controls()?this.n("vjs-controls-enabled"):this.n("vjs-controls-disabled");this.T("play",function(a){u.k(this.a,{type:"firstplay",target:this.a})||(a.preventDefault(),a.stopPropagation(),a.stopImmediatePropagation())});this.d("ended",this.gd);this.d("play",this.Kb);this.d("firstplay",this.hd);this.d("pause",this.Jb);this.d("progress",
+this.kd);this.d("durationchange",this.oc);this.d("error",this.Gb);this.d("fullscreenchange",this.jd);u.va[this.P]=this;c.plugins&&u.j.sa(c.plugins,function(a,c){this[a](c)},this);var e,g,j,k;e=this.Mb;a=function(){e();clearInterval(g);g=setInterval(u.bind(this,e),250)};c=function(){e();clearInterval(g)};this.d("mousedown",a);this.d("mousemove",e);this.d("mouseup",c);this.d("keydown",e);this.d("keyup",e);this.d("touchstart",a);this.d("touchmove",e);this.d("touchend",c);this.d("touchcancel",c);j=setInterval(u.bind(this,
+function(){this.ia&&(this.ia=l,this.ha(f),clearTimeout(k),k=setTimeout(u.bind(this,function(){this.ia||this.ha(l)}),2E3))}),250);this.d("dispose",function(){clearInterval(j);clearTimeout(k)})}});t=u.Player.prototype;t.g=u.options;t.D=function(){this.k("dispose");this.o("dispose");u.va[this.P]=h;this.L&&this.L.player&&(this.L.player=h);this.a&&this.a.player&&(this.a.player=h);clearInterval(this.Ra);this.wa();this.h&&this.h.D();u.c.prototype.D.call(this)};
+function da(a){var c={sources:[],tracks:[]};u.j.B(c,u.wb(a));if(a.hasChildNodes()){var d,e,g,j;a=a.childNodes;g=0;for(j=a.length;g<j;g++)d=a[g],e=d.nodeName.toLowerCase(),"source"===e?c.sources.push(u.wb(d)):"track"===e&&c.tracks.push(u.wb(d))}return c}
+t.e=function(){var a=this.a=u.c.prototype.e.call(this,"div"),c=this.L;c.removeAttribute("width");c.removeAttribute("height");if(c.hasChildNodes()){var d,e,g,j,k;d=c.childNodes;e=d.length;for(k=[];e--;)g=d[e],j=g.nodeName.toLowerCase(),"track"===j&&k.push(g);for(d=0;d<k.length;d++)c.removeChild(k[d])}a.id=c.id;a.className=c.className;c.id+="_html5_api";c.className="vjs-tech";c.player=a.player=this;this.n("vjs-paused");this.width(this.g.width,f);this.height(this.g.height,f);c.parentNode&&c.parentNode.insertBefore(a,
+c);u.yb(c,a);return a};
+function I(a,c,d){a.h?(a.$=l,a.h.D(),a.Db&&(a.Db=l,clearInterval(a.Ra)),a.Eb&&J(a),a.h=l):"Html5"!==c&&a.L&&(u.l.hc(a.L),a.L=h);a.xa=c;a.$=l;var e=u.j.B({source:d,parentEl:a.a},a.g[c.toLowerCase()]);d&&(d.src==a.v.src&&0<a.v.currentTime&&(e.startTime=a.v.currentTime),a.v.src=d.src);a.h=new window.videojs[c](a,e);a.h.K(function(){this.b.Ua();if(!this.m.progressEvents){var a=this.b;a.Db=f;a.Ra=setInterval(u.bind(a,function(){this.v.lb<this.buffered().end(0)?this.k("progress"):1==this.Ia()&&(clearInterval(this.Ra),
+this.k("progress"))}),500);a.h.T("progress",function(){this.m.progressEvents=f;var a=this.b;a.Db=l;clearInterval(a.Ra)})}this.m.timeupdateEvents||(a=this.b,a.Eb=f,a.d("play",a.yc),a.d("pause",a.wa),a.h.T("timeupdate",function(){this.m.timeupdateEvents=f;J(this.b)}))})}function J(a){a.Eb=l;a.wa();a.o("play",a.yc);a.o("pause",a.wa)}t.yc=function(){this.gc&&this.wa();this.gc=setInterval(u.bind(this,function(){this.k("timeupdate")}),250)};t.wa=function(){clearInterval(this.gc)};
+t.Kb=function(){u.t(this.a,"vjs-paused");u.n(this.a,"vjs-playing")};t.hd=function(){this.g.starttime&&this.currentTime(this.g.starttime);this.n("vjs-has-started")};t.Jb=function(){u.t(this.a,"vjs-playing");u.n(this.a,"vjs-paused")};t.kd=function(){1==this.Ia()&&this.k("loadedalldata")};t.gd=function(){this.g.loop&&(this.currentTime(0),this.play())};t.oc=function(){var a=K(this,"duration");a&&this.duration(a)};t.jd=function(){this.isFullScreen?this.n("vjs-fullscreen"):this.t("vjs-fullscreen")};
+t.Gb=function(a){u.log("Video Error",a)};function L(a,c,d){if(a.h&&!a.h.$)a.h.K(function(){this[c](d)});else try{a.h[c](d)}catch(e){throw u.log(e),e;}}function K(a,c){if(a.h&&a.h.$)try{return a.h[c]()}catch(d){throw a.h[c]===b?u.log("Video.js: "+c+" method not defined for "+a.xa+" playback technology.",d):"TypeError"==d.name?(u.log("Video.js: "+c+" unavailable on "+a.xa+" playback technology element.",d),a.h.$=l):u.log(d),d;}}t.play=function(){L(this,"play");return this};
+t.pause=function(){L(this,"pause");return this};t.paused=function(){return K(this,"paused")===l?l:f};t.currentTime=function(a){return a!==b?(L(this,"setCurrentTime",a),this.Eb&&this.k("timeupdate"),this):this.v.currentTime=K(this,"currentTime")||0};t.duration=function(a){if(a!==b)return this.v.duration=parseFloat(a),this;this.v.duration===b&&this.oc();return this.v.duration||0};
+t.buffered=function(){var a=K(this,"buffered"),c=a.length-1,d=this.v.lb=this.v.lb||0;a&&(0<=c&&a.end(c)!==d)&&(d=a.end(c),this.v.lb=d);return u.sb(0,d)};t.Ia=function(){return this.duration()?this.buffered().end(0)/this.duration():0};t.volume=function(a){if(a!==b)return a=Math.max(0,Math.min(1,parseFloat(a))),this.v.volume=a,L(this,"setVolume",a),u.sd(a),this;a=parseFloat(K(this,"volume"));return isNaN(a)?1:a};t.muted=function(a){return a!==b?(L(this,"setMuted",a),this):K(this,"muted")||l};
+t.Ta=function(){return K(this,"supportsFullScreen")||l};
+t.requestFullScreen=function(){var a=u.Pb.requestFullScreen;this.isFullScreen=f;a?(u.d(document,a.ub,u.bind(this,function(c){this.isFullScreen=document[a.isFullScreen];this.isFullScreen===l&&u.o(document,a.ub,arguments.callee);this.k("fullscreenchange")})),this.a[a.sc]()):this.h.Ta()?L(this,"enterFullScreen"):(this.bd=f,this.Xc=document.documentElement.style.overflow,u.d(document,"keydown",u.bind(this,this.jc)),document.documentElement.style.overflow="hidden",u.n(document.body,"vjs-full-window"),
+this.k("enterFullWindow"),this.k("fullscreenchange"));return this};t.cancelFullScreen=function(){var a=u.Pb.requestFullScreen;this.isFullScreen=l;if(a)document[a.nb]();else this.h.Ta()?L(this,"exitFullScreen"):(M(this),this.k("fullscreenchange"));return this};t.jc=function(a){27===a.keyCode&&(this.isFullScreen===f?this.cancelFullScreen():M(this))};
+function M(a){a.bd=l;u.o(document,"keydown",a.jc);document.documentElement.style.overflow=a.Xc;u.t(document.body,"vjs-full-window");a.k("exitFullWindow")}
+t.src=function(a){if(a===b)return K(this,"src");if(a instanceof Array){var c;a:{c=a;for(var d=0,e=this.g.techOrder;d<e.length;d++){var g=u.Y(e[d]),j=window.videojs[g];if(j.isSupported())for(var k=0,q=c;k<q.length;k++){var n=q[k];if(j.canPlaySource(n)){c={source:n,h:g};break a}}}c=l}c?(a=c.source,c=c.h,c==this.xa?this.src(a):I(this,c,a)):this.a.appendChild(u.e("p",{innerHTML:this.options().notSupportedMessage}))}else a instanceof Object?window.videojs[this.xa].canPlaySource(a)?this.src(a.src):this.src([a]):
+(this.v.src=a,this.$?(L(this,"src",a),"auto"==this.g.preload&&this.load(),this.g.autoplay&&this.play()):this.K(function(){this.src(a)}));return a};t.load=function(){L(this,"load");return this};t.currentSrc=function(){return K(this,"currentSrc")||this.v.src||""};t.Qa=function(a){return a!==b?(L(this,"setPreload",a),this.g.preload=a,this):K(this,"preload")};t.autoplay=function(a){return a!==b?(L(this,"setAutoplay",a),this.g.autoplay=a,this):K(this,"autoplay")};
+t.loop=function(a){return a!==b?(L(this,"setLoop",a),this.g.loop=a,this):K(this,"loop")};t.poster=function(a){if(a===b)return this.qc;this.qc=a;L(this,"setPoster",a);this.k("posterchange")};t.controls=function(a){return a!==b?(a=!!a,this.rb!==a&&((this.rb=a)?(this.t("vjs-controls-disabled"),this.n("vjs-controls-enabled"),this.k("controlsenabled")):(this.t("vjs-controls-enabled"),this.n("vjs-controls-disabled"),this.k("controlsdisabled"))),this):this.rb};u.Player.prototype.Sb;t=u.Player.prototype;
+t.Rb=function(a){return a!==b?(a=!!a,this.Sb!==a&&((this.Sb=a)?(this.n("vjs-using-native-controls"),this.k("usingnativecontrols")):(this.t("vjs-using-native-controls"),this.k("usingcustomcontrols"))),this):this.Sb};t.error=function(){return K(this,"error")};t.seeking=function(){return K(this,"seeking")};t.ia=f;t.Mb=function(){this.ia=f};t.Qb=f;
+t.ha=function(a){return a!==b?(a=!!a,a!==this.Qb&&((this.Qb=a)?(this.ia=f,this.t("vjs-user-inactive"),this.n("vjs-user-active"),this.k("useractive")):(this.ia=l,this.h.T("mousemove",function(a){a.stopPropagation();a.preventDefault()}),this.t("vjs-user-active"),this.n("vjs-user-inactive"),this.k("userinactive"))),this):this.Qb};var N,O,P;P=document.createElement("div");O={};
+P.Gd!==b?(O.sc="requestFullscreen",O.nb="exitFullscreen",O.ub="fullscreenchange",O.isFullScreen="fullScreen"):(document.mozCancelFullScreen?(N="moz",O.isFullScreen=N+"FullScreen"):(N="webkit",O.isFullScreen=N+"IsFullScreen"),P[N+"RequestFullScreen"]&&(O.sc=N+"RequestFullScreen",O.nb=N+"CancelFullScreen"),O.ub=N+"fullscreenchange");document[O.nb]&&(u.Pb.requestFullScreen=O);u.Da=u.c.extend();
+u.Da.prototype.g={Ld:"play",children:{playToggle:{},currentTimeDisplay:{},timeDivider:{},durationDisplay:{},remainingTimeDisplay:{},progressControl:{},fullscreenToggle:{},volumeControl:{},muteToggle:{}}};u.Da.prototype.e=function(){return u.e("div",{className:"vjs-control-bar"})};u.Yb=u.q.extend({i:function(a,c){u.q.call(this,a,c);a.d("play",u.bind(this,this.Kb));a.d("pause",u.bind(this,this.Jb))}});t=u.Yb.prototype;t.oa="Play";t.S=function(){return"vjs-play-control "+u.q.prototype.S.call(this)};
+t.p=function(){this.b.paused()?this.b.play():this.b.pause()};t.Kb=function(){u.t(this.a,"vjs-paused");u.n(this.a,"vjs-playing");this.a.children[0].children[0].innerHTML="Pause"};t.Jb=function(){u.t(this.a,"vjs-playing");u.n(this.a,"vjs-paused");this.a.children[0].children[0].innerHTML="Play"};u.Ya=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Aa))}});
+u.Ya.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-current-time vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-current-time-display",innerHTML:'<span class="vjs-control-text">Current Time </span>0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};
+u.Ya.prototype.Aa=function(){var a=this.b.Nb?this.b.v.currentTime:this.b.currentTime();this.content.innerHTML='<span class="vjs-control-text">Current Time </span>'+u.Ka(a,this.b.duration())};u.Za=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Aa))}});
+u.Za.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-duration vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-duration-display",innerHTML:'<span class="vjs-control-text">Duration Time </span>0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};u.Za.prototype.Aa=function(){var a=this.b.duration();a&&(this.content.innerHTML='<span class="vjs-control-text">Duration Time </span>'+u.Ka(a))};
+u.cc=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.cc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-time-divider",innerHTML:"<div><span>/</span></div>"})};u.eb=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("timeupdate",u.bind(this,this.Aa))}});
+u.eb.prototype.e=function(){var a=u.c.prototype.e.call(this,"div",{className:"vjs-remaining-time vjs-time-controls vjs-control"});this.content=u.e("div",{className:"vjs-remaining-time-display",innerHTML:'<span class="vjs-control-text">Remaining Time </span>-0:00',"aria-live":"off"});a.appendChild(u.e("div").appendChild(this.content));return a};u.eb.prototype.Aa=function(){this.b.duration()&&(this.content.innerHTML='<span class="vjs-control-text">Remaining Time </span>-'+u.Ka(this.b.duration()-this.b.currentTime()))};
+u.Ea=u.q.extend({i:function(a,c){u.q.call(this,a,c)}});u.Ea.prototype.oa="Fullscreen";u.Ea.prototype.S=function(){return"vjs-fullscreen-control "+u.q.prototype.S.call(this)};u.Ea.prototype.p=function(){this.b.isFullScreen?(this.b.cancelFullScreen(),this.a.children[0].children[0].innerHTML="Fullscreen"):(this.b.requestFullScreen(),this.a.children[0].children[0].innerHTML="Non-Fullscreen")};u.cb=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.cb.prototype.g={children:{seekBar:{}}};
+u.cb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-progress-control vjs-control"})};u.Zb=u.N.extend({i:function(a,c){u.N.call(this,a,c);a.d("timeupdate",u.bind(this,this.za));a.K(u.bind(this,this.za))}});t=u.Zb.prototype;t.g={children:{loadProgressBar:{},playProgressBar:{},seekHandle:{}},barName:"playProgressBar",handleName:"seekHandle"};t.pc="timeupdate";t.e=function(){return u.N.prototype.e.call(this,"div",{className:"vjs-progress-holder","aria-label":"video progress bar"})};
+t.za=function(){var a=this.b.Nb?this.b.v.currentTime:this.b.currentTime();this.a.setAttribute("aria-valuenow",u.round(100*this.xb(),2));this.a.setAttribute("aria-valuetext",u.Ka(a,this.b.duration()))};t.xb=function(){return this.b.currentTime()/this.b.duration()};t.Pa=function(a){u.N.prototype.Pa.call(this,a);this.b.Nb=f;this.Cd=!this.b.paused();this.b.pause()};t.Hb=function(a){a=F(this,a)*this.b.duration();a==this.b.duration()&&(a-=0.1);this.b.currentTime(a)};
+t.Ib=function(a){u.N.prototype.Ib.call(this,a);this.b.Nb=l;this.Cd&&this.b.play()};t.vc=function(){this.b.currentTime(this.b.currentTime()+5)};t.uc=function(){this.b.currentTime(this.b.currentTime()-5)};u.ab=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("progress",u.bind(this,this.update))}});u.ab.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-load-progress",innerHTML:'<span class="vjs-control-text">Loaded: 0%</span>'})};
+u.ab.prototype.update=function(){this.a.style&&(this.a.style.width=u.round(100*this.b.Ia(),2)+"%")};u.Xb=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});u.Xb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-play-progress",innerHTML:'<span class="vjs-control-text">Progress: 0%</span>'})};u.fb=u.da.extend();u.fb.prototype.defaultValue="00:00";u.fb.prototype.e=function(){return u.da.prototype.e.call(this,"div",{className:"vjs-seek-handle"})};
+u.hb=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.h&&(a.h.m&&a.h.m.volumeControl===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.volumeControl===l?this.n("vjs-hidden"):this.t("vjs-hidden")}))}});u.hb.prototype.g={children:{volumeBar:{}}};u.hb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-volume-control vjs-control"})};
+u.gb=u.N.extend({i:function(a,c){u.N.call(this,a,c);a.d("volumechange",u.bind(this,this.za));a.K(u.bind(this,this.za));setTimeout(u.bind(this,this.update),0)}});t=u.gb.prototype;t.za=function(){this.a.setAttribute("aria-valuenow",u.round(100*this.b.volume(),2));this.a.setAttribute("aria-valuetext",u.round(100*this.b.volume(),2)+"%")};t.g={children:{volumeLevel:{},volumeHandle:{}},barName:"volumeLevel",handleName:"volumeHandle"};t.pc="volumechange";
+t.e=function(){return u.N.prototype.e.call(this,"div",{className:"vjs-volume-bar","aria-label":"volume level"})};t.Hb=function(a){this.b.muted()&&this.b.muted(l);this.b.volume(F(this,a))};t.xb=function(){return this.b.muted()?0:this.b.volume()};t.vc=function(){this.b.volume(this.b.volume()+0.1)};t.uc=function(){this.b.volume(this.b.volume()-0.1)};u.dc=u.c.extend({i:function(a,c){u.c.call(this,a,c)}});
+u.dc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})};u.ib=u.da.extend();u.ib.prototype.defaultValue="00:00";u.ib.prototype.e=function(){return u.da.prototype.e.call(this,"div",{className:"vjs-volume-handle"})};
+u.ca=u.q.extend({i:function(a,c){u.q.call(this,a,c);a.d("volumechange",u.bind(this,this.update));a.h&&(a.h.m&&a.h.m.volumeControl===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.volumeControl===l?this.n("vjs-hidden"):this.t("vjs-hidden")}))}});u.ca.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-mute-control vjs-control",innerHTML:'<div><span class="vjs-control-text">Mute</span></div>'})};
+u.ca.prototype.p=function(){this.b.muted(this.b.muted()?l:f)};u.ca.prototype.update=function(){var a=this.b.volume(),c=3;0===a||this.b.muted()?c=0:0.33>a?c=1:0.67>a&&(c=2);this.b.muted()?"Unmute"!=this.a.children[0].children[0].innerHTML&&(this.a.children[0].children[0].innerHTML="Unmute"):"Mute"!=this.a.children[0].children[0].innerHTML&&(this.a.children[0].children[0].innerHTML="Mute");for(a=0;4>a;a++)u.t(this.a,"vjs-vol-"+a);u.n(this.a,"vjs-vol-"+c)};
+u.ma=u.Q.extend({i:function(a,c){u.Q.call(this,a,c);a.d("volumechange",u.bind(this,this.update));a.h&&(a.h.m&&a.h.m.zc===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.zc===l?this.n("vjs-hidden"):this.t("vjs-hidden")}));this.n("vjs-menu-button")}});u.ma.prototype.Ja=function(){var a=new u.la(this.b,{Sc:"div"}),c=new u.gb(this.b,u.j.B({Bd:f},this.g.Ud));a.X(c);return a};u.ma.prototype.p=function(){u.ca.prototype.p.call(this);u.Q.prototype.p.call(this)};
+u.ma.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-volume-menu-button vjs-menu-button vjs-control",innerHTML:'<div><span class="vjs-control-text">Mute</span></div>'})};u.ma.prototype.update=u.ca.prototype.update;u.Fa=u.q.extend({i:function(a,c){u.q.call(this,a,c);a.poster()&&this.src(a.poster());(!a.poster()||!a.controls())&&this.C();a.d("posterchange",u.bind(this,function(){this.src(a.poster())}));a.d("play",u.bind(this,this.C))}});var Q="backgroundSize"in u.ea.style;
+u.Fa.prototype.e=function(){var a=u.e("div",{className:"vjs-poster",tabIndex:-1});Q||a.appendChild(u.e("img"));return a};u.Fa.prototype.src=function(a){var c=this.u();a!==b&&(Q?c.style.backgroundImage='url("'+a+'")':c.firstChild.src=a)};u.Fa.prototype.p=function(){this.J().controls()&&this.b.play()};
+u.Wb=u.c.extend({i:function(a,c){u.c.call(this,a,c);a.d("canplay",u.bind(this,this.C));a.d("canplaythrough",u.bind(this,this.C));a.d("playing",u.bind(this,this.C));a.d("seeked",u.bind(this,this.C));a.d("seeking",u.bind(this,this.show));a.d("seeked",u.bind(this,this.C));a.d("error",u.bind(this,this.show));a.d("waiting",u.bind(this,this.show))}});u.Wb.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-loading-spinner"})};u.Wa=u.q.extend();
+u.Wa.prototype.e=function(){return u.q.prototype.e.call(this,"div",{className:"vjs-big-play-button",innerHTML:'<span aria-hidden="true"></span>',"aria-label":"play video"})};u.Wa.prototype.p=function(){this.b.play()};
+u.r=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);var e,g;g=this;e=this.J();a=function(){if(e.controls()&&!e.Rb()){var a,c;g.d("mousedown",g.p);g.d("touchstart",function(a){a.preventDefault();a.stopPropagation();c=this.b.ha()});a=function(a){a.stopPropagation();c&&this.b.Mb()};g.d("touchmove",a);g.d("touchleave",a);g.d("touchcancel",a);g.d("touchend",a);var d,n,s;d=0;g.d("touchstart",function(){d=(new Date).getTime();s=f});a=function(){s=l};g.d("touchmove",a);g.d("touchleave",a);g.d("touchcancel",
+a);g.d("touchend",function(){s===f&&(n=(new Date).getTime()-d,250>n&&this.k("tap"))});g.d("tap",g.ld)}};c=u.bind(g,g.od);this.K(a);e.d("controlsenabled",a);e.d("controlsdisabled",c)}});u.r.prototype.od=function(){this.o("tap");this.o("touchstart");this.o("touchmove");this.o("touchleave");this.o("touchcancel");this.o("touchend");this.o("click");this.o("mousedown")};u.r.prototype.p=function(a){0===a.button&&this.J().controls()&&(this.J().paused()?this.J().play():this.J().pause())};
+u.r.prototype.ld=function(){this.J().ha(!this.J().ha())};u.r.prototype.m={volumeControl:f,fullscreenResize:l,progressEvents:l,timeupdateEvents:l};u.media={};u.media.Va="play pause paused currentTime setCurrentTime duration buffered volume setVolume muted setMuted width height supportsFullScreen enterFullScreen src load currentSrc preload setPreload autoplay setAutoplay loop setLoop error networkState readyState seeking initialTime startOffsetTime played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks defaultPlaybackRate playbackRate mediaGroup controller controls defaultMuted".split(" ");
+function ea(){var a=u.media.Va[i];return function(){throw Error('The "'+a+"\" method is not available on the playback technology's API");}}for(var i=u.media.Va.length-1;0<=i;i--)u.r.prototype[u.media.Va[i]]=ea();
+u.l=u.r.extend({i:function(a,c,d){this.m.volumeControl=u.l.Rc();this.m.movingMediaElementInDOM=!u.Gc;this.m.fullscreenResize=f;u.r.call(this,a,c,d);(c=c.source)&&this.a.currentSrc===c.src&&0<this.a.networkState?a.k("loadstart"):c&&(this.a.src=c.src);if(u.ac&&a.options().nativeControlsForTouch!==l){var e,g,j,k;e=this;g=this.J();c=g.controls();e.a.controls=!!c;j=function(){e.a.controls=f};k=function(){e.a.controls=l};g.d("controlsenabled",j);g.d("controlsdisabled",k);c=function(){g.o("controlsenabled",
+j);g.o("controlsdisabled",k)};e.d("dispose",c);g.d("usingcustomcontrols",c);g.Rb(f)}a.K(function(){this.L&&(this.g.autoplay&&this.paused())&&(delete this.L.poster,this.play())});for(a=u.l.$a.length-1;0<=a;a--)u.d(this.a,u.l.$a[a],u.bind(this.b,this.Zc));this.Ua()}});t=u.l.prototype;t.D=function(){u.r.prototype.D.call(this)};
+t.e=function(){var a=this.b,c=a.L,d;if(!c||this.m.movingMediaElementInDOM===l)c?(d=c.cloneNode(l),u.l.hc(c),c=d,a.L=h):c=u.e("video",{id:a.id()+"_html5_api",className:"vjs-tech"}),c.player=a,u.yb(c,a.u());d=["autoplay","preload","loop","muted"];for(var e=d.length-1;0<=e;e--){var g=d[e];a.g[g]!==h&&(c[g]=a.g[g])}return c};t.Zc=function(a){this.k(a);a.stopPropagation()};t.play=function(){this.a.play()};t.pause=function(){this.a.pause()};t.paused=function(){return this.a.paused};t.currentTime=function(){return this.a.currentTime};
+t.rd=function(a){try{this.a.currentTime=a}catch(c){u.log(c,"Video is not ready. (Video.js)")}};t.duration=function(){return this.a.duration||0};t.buffered=function(){return this.a.buffered};t.volume=function(){return this.a.volume};t.wd=function(a){this.a.volume=a};t.muted=function(){return this.a.muted};t.ud=function(a){this.a.muted=a};t.width=function(){return this.a.offsetWidth};t.height=function(){return this.a.offsetHeight};
+t.Ta=function(){return"function"==typeof this.a.webkitEnterFullScreen&&(/Android/.test(u.G)||!/Chrome|Mac OS X 10.5/.test(u.G))?f:l};t.src=function(a){this.a.src=a};t.load=function(){this.a.load()};t.currentSrc=function(){return this.a.currentSrc};t.poster=function(){return this.a.poster};t.Qa=function(){return this.a.Qa};t.vd=function(a){this.a.Qa=a};t.autoplay=function(){return this.a.autoplay};t.qd=function(a){this.a.autoplay=a};t.controls=function(){return this.a.controls};t.loop=function(){return this.a.loop};
+t.td=function(a){this.a.loop=a};t.error=function(){return this.a.error};t.seeking=function(){return this.a.seeking};u.l.isSupported=function(){return!!u.ea.canPlayType};u.l.mb=function(a){try{return!!u.ea.canPlayType(a.type)}catch(c){return""}};u.l.Rc=function(){var a=u.ea.volume;u.ea.volume=a/2+0.1;return a!==u.ea.volume};u.l.$a="loadstart suspend abort error emptied stalled loadedmetadata loadeddata canplay canplaythrough playing waiting seeking seeked ended durationchange timeupdate progress play pause ratechange volumechange".split(" ");
+u.l.hc=function(a){if(a){a.player=h;for(a.parentNode&&a.parentNode.removeChild(a);a.hasChildNodes();)a.removeChild(a.firstChild);a.removeAttribute("src");"function"===typeof a.load&&a.load()}};u.Kc&&(document.createElement("video").constructor.prototype.canPlayType=function(a){return a&&-1!=a.toLowerCase().indexOf("video/mp4")?"maybe":""});
+u.f=u.r.extend({i:function(a,c,d){u.r.call(this,a,c,d);var e=c.source;d=c.parentEl;var g=this.a=u.e("div",{id:a.id()+"_temp_flash"}),j=a.id()+"_flash_api";a=a.g;var k=u.j.B({readyFunction:"videojs.Flash.onReady",eventProxyFunction:"videojs.Flash.onEvent",errorEventProxyFunction:"videojs.Flash.onError",autoplay:a.autoplay,preload:a.Qa,loop:a.loop,muted:a.muted},c.flashVars),q=u.j.B({wmode:"opaque",bgcolor:"#000000"},c.params),n=u.j.B({id:j,name:j,"class":"vjs-tech"},c.attributes),s;e&&(e.type&&u.f.dd(e.type)?
+(a=u.f.wc(e.src),k.rtmpConnection=encodeURIComponent(a.qb),k.rtmpStream=encodeURIComponent(a.Ob)):k.src=encodeURIComponent(u.kc(e.src)));this.setCurrentTime=function(a){s=a;this.a.vjs_setProperty("currentTime",a)};this.currentTime=function(){return this.seeking()?s:this.a.vjs_getProperty("currentTime")};u.yb(g,d);c.startTime&&this.K(function(){this.load();this.play();this.currentTime(c.startTime)});if(c.iFrameMode===f&&!u.Fc){var C=u.e("iframe",{id:j+"_iframe",name:j+"_iframe",className:"vjs-tech",
+scrolling:"no",marginWidth:0,marginHeight:0,frameBorder:0});k.readyFunction="ready";k.eventProxyFunction="events";k.errorEventProxyFunction="errors";u.d(C,"load",u.bind(this,function(){var a,d=C.contentWindow;a=C.contentDocument?C.contentDocument:C.contentWindow.document;a.write(u.f.lc(c.swf,k,q,n));d.player=this.b;d.ready=u.bind(this.b,function(c){var d=this.h;d.a=a.getElementById(c);u.f.ob(d)});d.events=u.bind(this.b,function(a,c){this&&"flash"===this.xa&&this.k(c)});d.errors=u.bind(this.b,function(a,
+c){u.log("Flash Error",c)})}));g.parentNode.replaceChild(C,g)}else u.f.Yc(c.swf,g,k,q,n)}});t=u.f.prototype;t.D=function(){u.r.prototype.D.call(this)};t.play=function(){this.a.vjs_play()};t.pause=function(){this.a.vjs_pause()};t.src=function(a){u.f.cd(a)?(a=u.f.wc(a),this.Pd(a.qb),this.Qd(a.Ob)):(a=u.kc(a),this.a.vjs_src(a));if(this.b.autoplay()){var c=this;setTimeout(function(){c.play()},0)}};
+t.currentSrc=function(){var a=this.a.vjs_getProperty("currentSrc");if(a==h){var c=this.Nd(),d=this.Od();c&&d&&(a=u.f.xd(c,d))}return a};t.load=function(){this.a.vjs_load()};t.poster=function(){this.a.vjs_getProperty("poster")};t.buffered=function(){return u.sb(0,this.a.vjs_getProperty("buffered"))};t.Ta=r(l);var R=u.f.prototype,S="rtmpConnection rtmpStream preload defaultPlaybackRate playbackRate autoplay loop mediaGroup controller controls volume muted defaultMuted".split(" "),T="error currentSrc networkState readyState seeking initialTime duration startOffsetTime paused played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks".split(" ");
+function fa(){var a=S[U],c=a.charAt(0).toUpperCase()+a.slice(1);R["set"+c]=function(c){return this.a.vjs_setProperty(a,c)}}function V(a){R[a]=function(){return this.a.vjs_getProperty(a)}}var U;for(U=0;U<S.length;U++)V(S[U]),fa();for(U=0;U<T.length;U++)V(T[U]);u.f.isSupported=function(){return 10<=u.f.version()[0]};u.f.mb=function(a){if(!a.type)return"";a=a.type.replace(/;.*/,"").toLowerCase();if(a in u.f.ad||a in u.f.xc)return"maybe"};
+u.f.ad={"video/flv":"FLV","video/x-flv":"FLV","video/mp4":"MP4","video/m4v":"MP4"};u.f.xc={"rtmp/mp4":"MP4","rtmp/flv":"FLV"};u.f.onReady=function(a){a=u.u(a);var c=a.player||a.parentNode.player,d=c.h;a.player=c;d.a=a;u.f.ob(d)};u.f.ob=function(a){a.u().vjs_getProperty?a.Ua():setTimeout(function(){u.f.ob(a)},50)};u.f.onEvent=function(a,c){u.u(a).player.k(c)};u.f.onError=function(a,c){u.u(a).player.k("error");u.log("Flash Error",c,a)};
+u.f.version=function(){var a="0,0,0";try{a=(new window.ActiveXObject("ShockwaveFlash.ShockwaveFlash")).GetVariable("$version").replace(/\D+/g,",").match(/^,?(.+),?$/)[1]}catch(c){try{navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin&&(a=(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]).description.replace(/\D+/g,",").match(/^,?(.+),?$/)[1])}catch(d){}}return a.split(",")};
+u.f.Yc=function(a,c,d,e,g){a=u.f.lc(a,d,e,g);a=u.e("div",{innerHTML:a}).childNodes[0];d=c.parentNode;c.parentNode.replaceChild(a,c);var j=d.childNodes[0];setTimeout(function(){j.style.display="block"},1E3)};
+u.f.lc=function(a,c,d,e){var g="",j="",k="";c&&u.j.sa(c,function(a,c){g+=a+"="+c+"&amp;"});d=u.j.B({movie:a,flashvars:g,allowScriptAccess:"always",allowNetworking:"all"},d);u.j.sa(d,function(a,c){j+='<param name="'+a+'" value="'+c+'" />'});e=u.j.B({data:a,width:"100%",height:"100%"},e);u.j.sa(e,function(a,c){k+=a+'="'+c+'" '});return'<object type="application/x-shockwave-flash"'+k+">"+j+"</object>"};u.f.xd=function(a,c){return a+"&"+c};
+u.f.wc=function(a){var c={qb:"",Ob:""};if(!a)return c;var d=a.indexOf("&"),e;-1!==d?e=d+1:(d=e=a.lastIndexOf("/")+1,0===d&&(d=e=a.length));c.qb=a.substring(0,d);c.Ob=a.substring(e,a.length);return c};u.f.dd=function(a){return a in u.f.xc};u.f.Mc=/^rtmp[set]?:\/\//i;u.f.cd=function(a){return u.f.Mc.test(a)};
+u.Lc=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);if(!a.g.sources||0===a.g.sources.length){c=0;for(d=a.g.techOrder;c<d.length;c++){var e=u.Y(d[c]),g=window.videojs[e];if(g&&g.isSupported()){I(a,e);break}}}else a.src(a.g.sources)}});u.Player.prototype.textTracks=function(){return this.ya=this.ya||[]};function W(a,c,d){for(var e=a.ya,g=0,j=e.length,k,q;g<j;g++)k=e[g],k.id()===c?(k.show(),q=k):d&&(k.F()==d&&0<k.mode())&&k.disable();(c=q?q.F():d?d:l)&&a.k(c+"trackchange")}
+u.w=u.c.extend({i:function(a,c){u.c.call(this,a,c);this.P=c.id||"vjs_"+c.kind+"_"+c.language+"_"+u.s++;this.tc=c.src;this.Vc=c["default"]||c.dflt;this.zd=c.title;this.Kd=c.srclang;this.ed=c.label;this.Z=[];this.jb=[];this.fa=this.ga=0;this.b.d("fullscreenchange",u.bind(this,this.Oc))}});t=u.w.prototype;t.F=p("A");t.src=p("tc");t.tb=p("Vc");t.title=p("zd");t.label=p("ed");t.Tc=p("Z");t.Nc=p("jb");t.readyState=p("ga");t.mode=p("fa");
+t.Oc=function(){this.a.style.fontSize=this.b.isFullScreen?140*(screen.width/this.b.width())+"%":""};t.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-"+this.A+" vjs-text-track"})};t.show=function(){X(this);this.fa=2;u.c.prototype.show.call(this)};t.C=function(){X(this);this.fa=1;u.c.prototype.C.call(this)};
+t.disable=function(){2==this.fa&&this.C();this.b.o("timeupdate",u.bind(this,this.update,this.P));this.b.o("ended",u.bind(this,this.reset,this.P));this.reset();this.b.U.textTrackDisplay.removeChild(this);this.fa=0};function X(a){0===a.ga&&a.load();0===a.fa&&(a.b.d("timeupdate",u.bind(a,a.update,a.P)),a.b.d("ended",u.bind(a,a.reset,a.P)),("captions"===a.A||"subtitles"===a.A)&&a.b.U.textTrackDisplay.X(a))}t.load=function(){0===this.ga&&(this.ga=1,u.get(this.tc,u.bind(this,this.md),u.bind(this,this.Gb)))};
+t.Gb=function(a){this.error=a;this.ga=3;this.k("error")};t.md=function(a){var c,d;a=a.split("\n");for(var e="",g=1,j=a.length;g<j;g++)if(e=u.trim(a[g])){-1==e.indexOf("--\x3e")?(c=e,e=u.trim(a[++g])):c=this.Z.length;c={id:c,index:this.Z.length};d=e.split(" --\x3e ");c.startTime=Y(d[0]);c.ta=Y(d[1]);for(d=[];a[++g]&&(e=u.trim(a[g]));)d.push(e);c.text=d.join("<br/>");this.Z.push(c)}this.ga=2;this.k("loaded")};
+function Y(a){var c=a.split(":");a=0;var d,e,g;3==c.length?(d=c[0],e=c[1],c=c[2]):(d=0,e=c[0],c=c[1]);c=c.split(/\s+/);c=c.splice(0,1)[0];c=c.split(/\.|,/);g=parseFloat(c[1]);c=c[0];a+=3600*parseFloat(d);a+=60*parseFloat(e);a+=parseFloat(c);g&&(a+=g/1E3);return a}
+t.update=function(){if(0<this.Z.length){var a=this.b.currentTime();if(this.Lb===b||a<this.Lb||this.Ma<=a){var c=this.Z,d=this.b.duration(),e=0,g=l,j=[],k,q,n,s;a>=this.Ma||this.Ma===b?s=this.vb!==b?this.vb:0:(g=f,s=this.Cb!==b?this.Cb:c.length-1);for(;;){n=c[s];if(n.ta<=a)e=Math.max(e,n.ta),n.Ha&&(n.Ha=l);else if(a<n.startTime){if(d=Math.min(d,n.startTime),n.Ha&&(n.Ha=l),!g)break}else g?(j.splice(0,0,n),q===b&&(q=s),k=s):(j.push(n),k===b&&(k=s),q=s),d=Math.min(d,n.ta),e=Math.max(e,n.startTime),n.Ha=
+f;if(g)if(0===s)break;else s--;else if(s===c.length-1)break;else s++}this.jb=j;this.Ma=d;this.Lb=e;this.vb=k;this.Cb=q;a=this.jb;c="";d=0;for(e=a.length;d<e;d++)c+='<span class="vjs-tt-cue">'+a[d].text+"</span>";this.a.innerHTML=c;this.k("cuechange")}}};t.reset=function(){this.Ma=0;this.Lb=this.b.duration();this.Cb=this.vb=0};u.Ub=u.w.extend();u.Ub.prototype.A="captions";u.$b=u.w.extend();u.$b.prototype.A="subtitles";u.Vb=u.w.extend();u.Vb.prototype.A="chapters";
+u.bc=u.c.extend({i:function(a,c,d){u.c.call(this,a,c,d);if(a.g.tracks&&0<a.g.tracks.length){c=this.b;a=a.g.tracks;var e;for(d=0;d<a.length;d++){e=a[d];var g=c,j=e.kind,k=e.label,q=e.language,n=e;e=g.ya=g.ya||[];n=n||{};n.kind=j;n.label=k;n.language=q;j=u.Y(j||"subtitles");g=new window.videojs[j+"Track"](g,n);e.push(g)}}}});u.bc.prototype.e=function(){return u.c.prototype.e.call(this,"div",{className:"vjs-text-track-display"})};
+u.W=u.M.extend({i:function(a,c){var d=this.ba=c.track;c.label=d.label();c.selected=d.tb();u.M.call(this,a,c);this.b.d(d.F()+"trackchange",u.bind(this,this.update))}});u.W.prototype.p=function(){u.M.prototype.p.call(this);W(this.b,this.ba.P,this.ba.F())};u.W.prototype.update=function(){this.selected(2==this.ba.mode())};u.bb=u.W.extend({i:function(a,c){c.track={F:function(){return c.kind},J:a,label:function(){return c.kind+" off"},tb:r(l),mode:r(l)};u.W.call(this,a,c);this.selected(f)}});
+u.bb.prototype.p=function(){u.W.prototype.p.call(this);W(this.b,this.ba.P,this.ba.F())};u.bb.prototype.update=function(){for(var a=this.b.textTracks(),c=0,d=a.length,e,g=f;c<d;c++)e=a[c],e.F()==this.ba.F()&&2==e.mode()&&(g=l);this.selected(g)};u.R=u.Q.extend({i:function(a,c){u.Q.call(this,a,c);1>=this.I.length&&this.C()}});
+u.R.prototype.ra=function(){var a=[],c;a.push(new u.bb(this.b,{kind:this.A}));for(var d=0;d<this.b.textTracks().length;d++)c=this.b.textTracks()[d],c.F()===this.A&&a.push(new u.W(this.b,{track:c}));return a};u.Ba=u.R.extend({i:function(a,c,d){u.R.call(this,a,c,d);this.a.setAttribute("aria-label","Captions Menu")}});u.Ba.prototype.A="captions";u.Ba.prototype.oa="Captions";u.Ba.prototype.className="vjs-captions-button";
+u.Ga=u.R.extend({i:function(a,c,d){u.R.call(this,a,c,d);this.a.setAttribute("aria-label","Subtitles Menu")}});u.Ga.prototype.A="subtitles";u.Ga.prototype.oa="Subtitles";u.Ga.prototype.className="vjs-subtitles-button";u.Ca=u.R.extend({i:function(a,c,d){u.R.call(this,a,c,d);this.a.setAttribute("aria-label","Chapters Menu")}});t=u.Ca.prototype;t.A="chapters";t.oa="Chapters";t.className="vjs-chapters-button";
+t.ra=function(){for(var a=[],c,d=0;d<this.b.textTracks().length;d++)c=this.b.textTracks()[d],c.F()===this.A&&a.push(new u.W(this.b,{track:c}));return a};
+t.Ja=function(){for(var a=this.b.textTracks(),c=0,d=a.length,e,g,j=this.I=[];c<d;c++)if(e=a[c],e.F()==this.A&&e.tb()){if(2>e.readyState()){this.Hd=e;e.d("loaded",u.bind(this,this.Ja));return}g=e;break}a=this.ua=new u.la(this.b);a.a.appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.Y(this.A),yd:-1}));if(g){e=g.Z;for(var k,c=0,d=e.length;c<d;c++)k=e[c],k=new u.Xa(this.b,{track:g,cue:k}),j.push(k),a.X(k)}0<this.I.length&&this.show();return a};
+u.Xa=u.M.extend({i:function(a,c){var d=this.ba=c.track,e=this.cue=c.cue,g=a.currentTime();c.label=e.text;c.selected=e.startTime<=g&&g<e.ta;u.M.call(this,a,c);d.d("cuechange",u.bind(this,this.update))}});u.Xa.prototype.p=function(){u.M.prototype.p.call(this);this.b.currentTime(this.cue.startTime);this.update(this.cue.startTime)};u.Xa.prototype.update=function(){var a=this.cue,c=this.b.currentTime();this.selected(a.startTime<=c&&c<a.ta)};
+u.j.B(u.Da.prototype.g.children,{subtitlesButton:{},captionsButton:{},chaptersButton:{}});
+if("undefined"!==typeof window.JSON&&"function"===window.JSON.parse)u.JSON=window.JSON;else{u.JSON={};var Z=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;u.JSON.parse=function(a,c){function d(a,e){var k,q,n=a[e];if(n&&"object"===typeof n)for(k in n)Object.prototype.hasOwnProperty.call(n,k)&&(q=d(n,k),q!==b?n[k]=q:delete n[k]);return c.call(a,e,n)}var e;a=String(a);Z.lastIndex=0;Z.test(a)&&(a=a.replace(Z,function(a){return"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)}));
+if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return e=eval("("+a+")"),"function"===typeof c?d({"":e},""):e;throw new SyntaxError("JSON.parse(): invalid or malformed JSON data");}}
+u.ec=function(){var a,c,d=document.getElementsByTagName("video");if(d&&0<d.length)for(var e=0,g=d.length;e<g;e++)if((c=d[e])&&c.getAttribute)c.player===b&&(a=c.getAttribute("data-setup"),a!==h&&(a=u.JSON.parse(a||"{}"),videojs(c,a)));else{u.kb();break}else u.Ac||u.kb()};u.kb=function(){setTimeout(u.ec,1)};"complete"===document.readyState?u.Ac=f:u.T(window,"load",function(){u.Ac=f});u.kb();u.nd=function(a,c){u.Player.prototype[a]=c};var ga=this;ga.Dd=f;function $(a,c){var d=a.split("."),e=ga;!(d[0]in e)&&e.execScript&&e.execScript("var "+d[0]);for(var g;d.length&&(g=d.shift());)!d.length&&c!==b?e[g]=c:e=e[g]?e[g]:e[g]={}};$("videojs",u);$("_V_",u);$("videojs.options",u.options);$("videojs.players",u.va);$("videojs.TOUCH_ENABLED",u.ac);$("videojs.cache",u.pa);$("videojs.Component",u.c);u.c.prototype.player=u.c.prototype.J;u.c.prototype.dispose=u.c.prototype.D;u.c.prototype.createEl=u.c.prototype.e;u.c.prototype.el=u.c.prototype.u;u.c.prototype.addChild=u.c.prototype.X;u.c.prototype.children=u.c.prototype.children;u.c.prototype.on=u.c.prototype.d;u.c.prototype.off=u.c.prototype.o;u.c.prototype.one=u.c.prototype.T;
+u.c.prototype.trigger=u.c.prototype.k;u.c.prototype.triggerReady=u.c.prototype.Ua;u.c.prototype.show=u.c.prototype.show;u.c.prototype.hide=u.c.prototype.C;u.c.prototype.width=u.c.prototype.width;u.c.prototype.height=u.c.prototype.height;u.c.prototype.dimensions=u.c.prototype.Wc;u.c.prototype.ready=u.c.prototype.K;u.c.prototype.addClass=u.c.prototype.n;u.c.prototype.removeClass=u.c.prototype.t;$("videojs.Player",u.Player);u.Player.prototype.dispose=u.Player.prototype.D;
+u.Player.prototype.requestFullScreen=u.Player.prototype.requestFullScreen;u.Player.prototype.cancelFullScreen=u.Player.prototype.cancelFullScreen;u.Player.prototype.bufferedPercent=u.Player.prototype.Ia;u.Player.prototype.textTracks=u.Player.prototype.textTracks;u.Player.prototype.usingNativeControls=u.Player.prototype.Rb;u.Player.prototype.reportUserActivity=u.Player.prototype.Mb;u.Player.prototype.userActive=u.Player.prototype.ha;$("videojs.MediaLoader",u.Lc);$("videojs.TextTrackDisplay",u.bc);
+$("videojs.ControlBar",u.Da);$("videojs.Button",u.q);$("videojs.PlayToggle",u.Yb);$("videojs.FullscreenToggle",u.Ea);$("videojs.BigPlayButton",u.Wa);$("videojs.LoadingSpinner",u.Wb);$("videojs.CurrentTimeDisplay",u.Ya);$("videojs.DurationDisplay",u.Za);$("videojs.TimeDivider",u.cc);$("videojs.RemainingTimeDisplay",u.eb);$("videojs.Slider",u.N);$("videojs.ProgressControl",u.cb);$("videojs.SeekBar",u.Zb);$("videojs.LoadProgressBar",u.ab);$("videojs.PlayProgressBar",u.Xb);$("videojs.SeekHandle",u.fb);
+$("videojs.VolumeControl",u.hb);$("videojs.VolumeBar",u.gb);$("videojs.VolumeLevel",u.dc);$("videojs.VolumeMenuButton",u.ma);$("videojs.VolumeHandle",u.ib);$("videojs.MuteToggle",u.ca);$("videojs.PosterImage",u.Fa);$("videojs.Menu",u.la);$("videojs.MenuItem",u.M);$("videojs.MenuButton",u.Q);u.Q.prototype.createItems=u.Q.prototype.ra;u.R.prototype.createItems=u.R.prototype.ra;u.Ca.prototype.createItems=u.Ca.prototype.ra;$("videojs.SubtitlesButton",u.Ga);$("videojs.CaptionsButton",u.Ba);
+$("videojs.ChaptersButton",u.Ca);$("videojs.MediaTechController",u.r);u.r.prototype.features=u.r.prototype.m;u.r.prototype.m.volumeControl=u.r.prototype.m.zc;u.r.prototype.m.fullscreenResize=u.r.prototype.m.Id;u.r.prototype.m.progressEvents=u.r.prototype.m.Md;u.r.prototype.m.timeupdateEvents=u.r.prototype.m.Rd;$("videojs.Html5",u.l);u.l.Events=u.l.$a;u.l.isSupported=u.l.isSupported;u.l.canPlaySource=u.l.mb;u.l.prototype.setCurrentTime=u.l.prototype.rd;u.l.prototype.setVolume=u.l.prototype.wd;
+u.l.prototype.setMuted=u.l.prototype.ud;u.l.prototype.setPreload=u.l.prototype.vd;u.l.prototype.setAutoplay=u.l.prototype.qd;u.l.prototype.setLoop=u.l.prototype.td;$("videojs.Flash",u.f);u.f.isSupported=u.f.isSupported;u.f.canPlaySource=u.f.mb;u.f.onReady=u.f.onReady;$("videojs.TextTrack",u.w);u.w.prototype.label=u.w.prototype.label;u.w.prototype.kind=u.w.prototype.F;u.w.prototype.mode=u.w.prototype.mode;u.w.prototype.cues=u.w.prototype.Tc;u.w.prototype.activeCues=u.w.prototype.Nc;
+$("videojs.CaptionsTrack",u.Ub);$("videojs.SubtitlesTrack",u.$b);$("videojs.ChaptersTrack",u.Vb);$("videojs.autoSetup",u.ec);$("videojs.plugin",u.nd);$("videojs.createTimeRange",u.sb);$("videojs.util",u.ja);u.ja.mergeOptions=u.ja.Fb;})();

docs/api.md

@@ -1,226 +0,0 @@
-API
-===
-The Video.js API allows you to interact with the video through Javascript, whether the browser is playing the video through HTML5 video, Flash, or any other supported playback technologies.
-
-Referencing the Player
-----------------------
-To use the API functions, you need access to the player object. Luckily this is easy to get. You just need to make sure your video tag has an ID. The example embed code has an ID of "example\_video_1". If you have multiple videos on one page, make sure every video tag has a unique ID.
-```js
-var myPlayer = videojs("example_video_1");
-```
-
-(If the player hasn't been initialized yet via the data-setup attribute or another method, this will also initialize the player.)
-
-Wait Until the Player is Ready
-------------------------------
-The time it takes Video.js to set up the video and API will vary depending on the playback technology being used (HTML5 will often be much faster to load than Flash). For that reason we want to use the player's 'ready' function to trigger any code that requires the player's API.
-```javascript
-videojs("example_video_1").ready(function(){
-
-  var myPlayer = this;
-
-  // EXAMPLE: Start playing the video.
-  myPlayer.play();
-
-});
-```
-
-API Methods
------------
-Now that you have access to a ready player, you can control the video, get values, or respond to video events using the following functions. The Video.js API function names follow the [HTML5 media API](http://www.w3.org/TR/html5/video.html). The main difference is that attributes which you would get or set on a video element using the equals sign ( `myVideoElement.currentTime = "120";` ), you would use a function argument syntax for Video.js ( `myPlayer.currentTime(120);` )
-
-### play() ###
-Start video playback. Returns the player object.
-```js
-myPlayer.play();
-```
-
-
-### pause() ###
-Pause the video playback. Returns the player object
-```js
-myPlayer.pause();
-```
-
-
-### paused() ###
-Returns false if the video is currently playing, or true otherwise. ()
-```js
-var isPaused = myPlayer.paused();
-var isPlaying = !myPlayer.paused();
-```
-
-
-### src(newSource) ###
-The source function updates the video source. There are three types of variables you can pass as the argument.
-
-**URL String**: A URL to the the video file. Use this method if you're sure the current playback technology (HTML5/Flash) can support the source you provide. Currently only MP4 files can be used in both HTML5 and Flash.
-```js
-myPlayer.src("http://www.example.com/path/to/video.mp4");
-```
-
-**Source Object (or element):** A javascript object containing information about the source file. Use this method if you want the player to determine if it can support the file using the type information.
-```js
-myPlayer.src({ type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" });
-```
-
-**Array of Source Objects:** To provide multiple versions of the source so that it can be played using HTML5 across browsers you can use an array of source objects. Video.js will detect which version is supported and load that file.
-```js
-myPlayer.src([
-  { type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" },
-  { type: "video/webm", src: "http://www.example.com/path/to/video.webm" },
-  { type: "video/ogg", src: "http://www.example.com/path/to/video.ogv" }
-]);
-```
-
-Returns the player object.
-
-
-### currentTime() ###
-Returns the current time of the video in seconds.
-```js
-var whereYouAt = myPlayer.currentTime();
-```
-
-
-### currentTime(seconds) // Type: Integer or Float ###
-Seek to the supplied time (seconds). Returns the player object.
-```js
-myPlayer.currentTime(120); // 2 minutes into the video
-```
-
-
-### duration() ###
-Returns the length in time of the video in seconds. NOTE: The video must have started loading before the duration can be known, and in the case of Flash, may not be known until the video starts playing.
-```js
-var howLongIsThis = myPlayer.duration();
-```
-
-
-### buffered() ###
-Returns a [TimeRange](glossary.md#timerange) object with sections of the video that have been downloaded. If you just want the percent of the video that's been downloaded, use bufferedPercent.
-```js
-var bufferedTimeRange = myPlayer.buffered(),
-
-// Number of different ranges of time have been buffered. Usually 1.
-numberOfRanges = bufferedTimeRange.length,
-
-// Time in seconds when the first range starts. Usually 0.
-firstRangeStart = bufferedTimeRange.start(0),
-
-// Time in seconds when the first range ends
-firstRangeEnd = bufferedTimeRange.end(0),
-
-// Length in seconds of the first time range
-firstRangeLength = firstRangeEnd - firstRangeStart;
-```
-
-
-### bufferedPercent() ###
-Returns the percent (as a decimal) of the video that's been downloaded. 0 means none, 1 means all.
-```js
-var howMuchIsDownloaded = myPlayer.bufferedPercent();
-```
-
-
-### volume() ###
-Returns the current volume of the video as a percent in decimal form. 0 is off (muted), 1.0 is all the way up, 0.5 is half way.
-```js
-var howLoudIsIt = myPlayer.volume();
-```
-
-
-### volume(percentAsDecimal) ###
-Set the volume to the supplied percent (as a decimal between 0 and 1).
-```js
-myPlayer.volume(0.5); // Set volume to half
-```
-
-
-### width() ###
-Returns the current width of the video in pixels.
-```js
-var howWideIsIt = myPlayer.width();
-```
-
-
-### width(pixels) ###
-Change the width of the video to the supplied width in pixels. Returns the player object
-```js
-myPlayer.width(640);
-```
-
-
-### height() ###
-Returns the current height of the video in pixels.
-```js
-var howTallIsIt = myPlayer.height();
-```
-
-
-### height(pixels) ###
-Change the height of the video to the supplied height in pixels. Returns the player object
-```js
-myPlayer.height(480);
-```
-
-
-### dimensions(width, height) ###
-Changes the width and height of the video to the supplied width and height. This is more efficient if you're changing both width and height (only triggers the player's resize event once). Returns the player object.
-```js
-myPlayer.dimensions(640,480);
-```
-
-
-### requestFullScreen() ###
-Increase the size of the video to full screen. In some browsers, full screen is not supported natively, so it enters full window mode, where the video fills the browser window. In browsers and devices that support native full screen, sometimes the browser's default controls will be shown, and not the Video.js custom skin. This includes most mobile devices (iOS, Android) and older versions of Safari. Returns the player object.
-```js
-myPlayer.requestFullScreen();
-```
-
-
-### cancelFullScreen() ###
-Return the video to its normal size after having been in full screen mode. Returns the player object.
-```js
-myPlayer.cancelFullScreen();
-```
-
-
-Events
-------
-You can attach event listeners to the player similarly to how you would for a video element.
-
-```js
-var myFunc = function(){
-  var myPlayer = this;
-  // Do something when the event is fired
-};
-myPlayer.on("eventName", myFunc);
-```
-
-You can also remove the listeners later.
-```js
-myPlayer.off("eventName", myFunc);
-```
-
-
-### Event Types
-List of player events you can add listeners for.
-
-<table border="0" cellspacing="5" cellpadding="5">
-  <tr><th>Name</th><th>Description</th></tr>
-  <tr><td>loadstart</td><td>Fired when the user agent begins looking for media data.</td></tr>
-  <tr><td>loadedmetadata</td><td>Fired when the player has initial duration and dimension information.</td></tr>
-  <tr><td>loadeddata</td><td>Fired when the player has downloaded data at the current playback position.</td></tr>
-  <tr><td>loadedalldata</td><td>Fired when the player has finished downloading the source data.</td></tr>
-  <tr><td>play</td><td>Fired whenever the media begins or resumes playback.</td></tr>
-  <tr><td>pause</td><td>Fired whenever the media has been paused.</td></tr>
-  <tr><td>timeupdate</td><td>Fired when the current playback position has changed. During playback this is fired every 15-250 milliseconds, depnding on the playback technology in use.</td></tr>
-  <tr><td>ended</td><td>Fired when the end of the media resource is reached. currentTime == duration</td></tr>
-  <tr><td>durationchange</td><td>Fired when the duration of the media resource is changed, or known for the first time.</td></tr>
-  <tr><td>progress</td><td>Fired while the user agent is downloading media data.</td></tr>
-  <tr><td>resize</td><td>Fired when the width and/or height of the video window changes.</td></tr>
-  <tr><td>volumechange</td><td>Fired when the volume changes.</td></tr>
-  <tr><td>error</td><td>Fired when there is an error in playback.</td></tr>
-  <tr><td>fullscreenchange</td><td>Fired when the player switches in or out of fullscreen mode.</td></tr>
-</table>

docs/api/vjs.BigPlayButton.md

@@ -0,0 +1,510 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.BigPlayButton
+
+__EXTENDS__: [vjs.Button](vjs.Button.md)  
+__DEFINED IN__: [src/js/big-play-button.js#L11](https://github.com/videojs/video.js/blob/master/src/js/big-play-button.js#L11)  
+
+Initial play button. Shows before the video has played. The hiding of the
+big play button is done via CSS and player states.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-ready-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+> the constructor function for the class
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_inherited from_: [src/js/button.js#L15](https://github.com/videojs/video.js/blob/master/src/js/button.js#L15)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.Button.md

@@ -0,0 +1,509 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.Button
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/button.js#L10](https://github.com/videojs/video.js/blob/master/src/js/button.js#L10)  
+
+Base class for all buttons
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+> the constructor function for the class
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/button.js#L15](https://github.com/videojs/video.js/blob/master/src/js/button.js#L15)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.CaptionsButton.md

@@ -0,0 +1,513 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.CaptionsButton
+
+__EXTENDS__: [vjs.TextTrackButton](vjs.TextTrackButton.md)  
+__DEFINED IN__: [src/js/tracks.js#L867](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L867)  
+
+The button component for toggling and selecting captions
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [createItems](#createitems) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+_inherited from_: [src/js/menu.js#L157](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L157)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### createItems()
+> Create the list of menu items. Specific to each subclass.
+
+_inherited from_: [src/js/menu.js#L154](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L154)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/tracks.js#L869](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L869)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.CaptionsTrack.md

@@ -0,0 +1,644 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.CaptionsTrack
+
+__EXTENDS__: [vjs.TextTrack](vjs.TextTrack.md)  
+__DEFINED IN__: [src/js/tracks.js#L679](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L679)  
+
+The track component for managing the hiding and showing of captions
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [activate](#activate) _`inherited`_
+  - [activeCues](#activecues) _`inherited`_
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [adjustFontSize](#adjustfontsize) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel) _`inherited`_
+  - [cues](#cues) _`inherited`_
+  - [deactivate](#deactivate) _`inherited`_
+  - [dflt](#dflt) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [kind](#kind) _`inherited`_
+  - [label](#label) _`inherited`_
+  - [language](#language) _`inherited`_
+  - [mode](#mode) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [readyState](#readystate) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [src](#src) _`inherited`_
+  - [title](#title) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### activate()
+> Turn on cue tracking. Tracks that are showing OR hidden are active.
+
+_inherited from_: [src/js/tracks.js#L385](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L385)
+
+---
+
+### activeCues()
+> Get the track active cues
+
+##### RETURNS: 
+* `Array` 
+
+_inherited from_: [src/js/tracks.js#L264](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L264)
+
+---
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### adjustFontSize()
+> Change the font size of the text track to make it larger when playing in fullscreen mode
+> and restore it to its normal size when not in fullscreen mode.
+
+_inherited from_: [src/js/tracks.js#L309](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L309)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl()
+> Create basic div to hold cue text
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/tracks.js#L325](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L325)
+
+---
+
+### cues()
+> Get the track cues
+
+##### RETURNS: 
+* `Array` 
+
+_inherited from_: [src/js/tracks.js#L249](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L249)
+
+---
+
+### deactivate()
+> Turn off cue tracking.
+
+_inherited from_: [src/js/tracks.js#L408](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L408)
+
+---
+
+### dflt()
+> Get the track default value. ('default' is a reserved keyword)
+
+##### RETURNS: 
+* `Boolean` 
+
+_inherited from_: [src/js/tracks.js#L190](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable: Mode Off/Disable (0)
+> Indicates that the text track is not active. Other than for the purposes of exposing the track in the DOM, the user agent is ignoring the text track.
+> No cues are active, no events are fired, and the user agent will not attempt to obtain the track's cues.
+
+_inherited from_: [src/js/tracks.js#L371](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L371)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide: Mode Hidden (1)
+> Indicates that the text track is active, but that the user agent is not actively displaying the cues.
+> If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+> The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+
+_inherited from_: [src/js/tracks.js#L356](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L356)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_inherited from_: [src/js/tracks.js#L128](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L128)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### kind()
+> Get the track kind value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L161](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L161)
+
+---
+
+### label()
+> Get the track label value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L234](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L234)
+
+---
+
+### language()
+> Get the track language value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L219](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L219)
+
+---
+
+### mode()
+> Get the track mode
+
+##### RETURNS: 
+* `Number` 
+
+_inherited from_: [src/js/tracks.js#L301](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L301)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### readyState()
+> Get the track readyState
+
+##### RETURNS: 
+* `Number` 
+
+_inherited from_: [src/js/tracks.js#L283](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L283)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show: Mode Showing (2)
+> Indicates that the text track is active. If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+> The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+> In addition, for text tracks whose kind is subtitles or captions, the cues are being displayed over the video as appropriate;
+> for text tracks whose kind is descriptions, the user agent is making the cues available to the user in a non-visual fashion;
+> and for text tracks whose kind is chapters, the user agent is making available to the user a mechanism by which the user can navigate to any point in the media resource by selecting a cue.
+> The showing by default state is used in conjunction with the default attribute on track elements to indicate that the text track was enabled due to that attribute.
+> This allows the user agent to override the state if a later track is discovered that is more appropriate per the user's preferences.
+
+_inherited from_: [src/js/tracks.js#L341](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L341)
+
+---
+
+### src()
+> Get the track src value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L175](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L175)
+
+---
+
+### title()
+> Get the track title value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L204](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L204)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.ChaptersButton.md

@@ -0,0 +1,513 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.ChaptersButton
+
+__EXTENDS__: [vjs.TextTrackButton](vjs.TextTrackButton.md)  
+__DEFINED IN__: [src/js/tracks.js#L901](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L901)  
+
+The button component for toggling and selecting chapters
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [createItems](#createitems) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+_inherited from_: [src/js/menu.js#L157](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L157)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### createItems()
+> Create the list of menu items. Specific to each subclass.
+
+_inherited from_: [src/js/menu.js#L154](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L154)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/tracks.js#L903](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L903)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.ChaptersTrack.md

@@ -0,0 +1,644 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.ChaptersTrack
+
+__EXTENDS__: [vjs.TextTrack](vjs.TextTrack.md)  
+__DEFINED IN__: [src/js/tracks.js#L697](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L697)  
+
+The track component for managing the hiding and showing of chapters
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [activate](#activate) _`inherited`_
+  - [activeCues](#activecues) _`inherited`_
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [adjustFontSize](#adjustfontsize) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel) _`inherited`_
+  - [cues](#cues) _`inherited`_
+  - [deactivate](#deactivate) _`inherited`_
+  - [dflt](#dflt) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [kind](#kind) _`inherited`_
+  - [label](#label) _`inherited`_
+  - [language](#language) _`inherited`_
+  - [mode](#mode) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [readyState](#readystate) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [src](#src) _`inherited`_
+  - [title](#title) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### activate()
+> Turn on cue tracking. Tracks that are showing OR hidden are active.
+
+_inherited from_: [src/js/tracks.js#L385](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L385)
+
+---
+
+### activeCues()
+> Get the track active cues
+
+##### RETURNS: 
+* `Array` 
+
+_inherited from_: [src/js/tracks.js#L264](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L264)
+
+---
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### adjustFontSize()
+> Change the font size of the text track to make it larger when playing in fullscreen mode
+> and restore it to its normal size when not in fullscreen mode.
+
+_inherited from_: [src/js/tracks.js#L309](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L309)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl()
+> Create basic div to hold cue text
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/tracks.js#L325](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L325)
+
+---
+
+### cues()
+> Get the track cues
+
+##### RETURNS: 
+* `Array` 
+
+_inherited from_: [src/js/tracks.js#L249](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L249)
+
+---
+
+### deactivate()
+> Turn off cue tracking.
+
+_inherited from_: [src/js/tracks.js#L408](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L408)
+
+---
+
+### dflt()
+> Get the track default value. ('default' is a reserved keyword)
+
+##### RETURNS: 
+* `Boolean` 
+
+_inherited from_: [src/js/tracks.js#L190](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable: Mode Off/Disable (0)
+> Indicates that the text track is not active. Other than for the purposes of exposing the track in the DOM, the user agent is ignoring the text track.
+> No cues are active, no events are fired, and the user agent will not attempt to obtain the track's cues.
+
+_inherited from_: [src/js/tracks.js#L371](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L371)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide: Mode Hidden (1)
+> Indicates that the text track is active, but that the user agent is not actively displaying the cues.
+> If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+> The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+
+_inherited from_: [src/js/tracks.js#L356](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L356)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_inherited from_: [src/js/tracks.js#L128](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L128)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### kind()
+> Get the track kind value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L161](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L161)
+
+---
+
+### label()
+> Get the track label value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L234](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L234)
+
+---
+
+### language()
+> Get the track language value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L219](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L219)
+
+---
+
+### mode()
+> Get the track mode
+
+##### RETURNS: 
+* `Number` 
+
+_inherited from_: [src/js/tracks.js#L301](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L301)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### readyState()
+> Get the track readyState
+
+##### RETURNS: 
+* `Number` 
+
+_inherited from_: [src/js/tracks.js#L283](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L283)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show: Mode Showing (2)
+> Indicates that the text track is active. If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+> The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+> In addition, for text tracks whose kind is subtitles or captions, the cues are being displayed over the video as appropriate;
+> for text tracks whose kind is descriptions, the user agent is making the cues available to the user in a non-visual fashion;
+> and for text tracks whose kind is chapters, the user agent is making available to the user a mechanism by which the user can navigate to any point in the media resource by selecting a cue.
+> The showing by default state is used in conjunction with the default attribute on track elements to indicate that the text track was enabled due to that attribute.
+> This allows the user agent to override the state if a later track is discovered that is more appropriate per the user's preferences.
+
+_inherited from_: [src/js/tracks.js#L341](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L341)
+
+---
+
+### src()
+> Get the track src value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L175](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L175)
+
+---
+
+### title()
+> Get the track title value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L204](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L204)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.ChaptersTrackMenuItem.md

@@ -0,0 +1,521 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.ChaptersTrackMenuItem
+
+__EXTENDS__: [vjs.MenuItem](vjs.MenuItem.md)  
+__DEFINED IN__: [src/js/tracks.js#L987](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L987)  
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [onClick](#onclick) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [selected](#selected-selected-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_inherited from_: [src/js/menu.js#L64](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L64)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/tracks.js#L989](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L989)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick()
+> Handle a click on the menu item, and set it to selected
+
+_inherited from_: [src/js/menu.js#L74](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L74)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### selected( selected )
+> Set this menu item as selected or not
+
+##### PARAMETERS: 
+* __selected__ `Boolean` 
+
+_inherited from_: [src/js/menu.js#L82](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L82)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.Component.md

@@ -0,0 +1,529 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.Component
+
+__EXTENDS__: [vjs.CoreObject](vjs.CoreObject.md)  
+__DEFINED IN__: [src/js/component.js#L35](https://github.com/videojs/video.js/blob/master/src/js/component.js#L35)  
+
+Base UI Component class
+
+Components are embeddable UI objects that are represented by both a
+javascript object and an element in the DOM. They can be children of other
+components, and can have many children themselves.
+
+    // adding a button to the player
+    var button = player.addChild('button');
+    button.el(); // -> button element
+
+    <div class="video-js">
+      <div class="vjs-button">Button</div>
+    </div>
+
+Components are also event emitters.
+
+    button.on('click', function(){
+      console.log('Button Clicked!');
+    });
+
+    button.trigger('customevent');
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [addChild](#addchild-child-options-)
+  - [addClass](#addclass-classtoadd-)
+  - [buildCSSClass](#buildcssclass)
+  - [children](#children)
+  - [contentEl](#contentel)
+  - [createEl](#createel-tagname-attributes-)
+  - [dimensions](#dimensions-width-height-)
+  - [disable](#disable)
+  - [dispose](#dispose)
+  - [el](#el)
+  - [getChild](#getchild-name-)
+  - [getChildById](#getchildbyid-id-)
+  - [height](#height-num-skiplisteners-)
+  - [hide](#hide)
+  - [id](#id)
+  - [init](#init-player-options-ready-)
+  - [initChildren](#initchildren)
+  - [name](#name)
+  - [off](#off-type-fn-)
+  - [on](#on-type-fn-)
+  - [one](#one-type-fn-)
+  - [options](#options-obj-)
+  - [player](#player)
+  - [ready](#ready-fn-)
+  - [removeChild](#removechild-component-)
+  - [removeClass](#removeclass-classtoremove-)
+  - [show](#show)
+  - [trigger](#trigger-type-event-)
+  - [triggerReady](#triggerready)
+  - [width](#width-num-skiplisteners-)
+
+- [EVENTS](#events)
+  - [resize](#resize-event)
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_defined in_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_defined in_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_defined in_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_defined in_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_defined in_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_defined in_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_defined in_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_defined in_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_defined in_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_defined in_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_defined in_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+> the constructor function for the class
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/component.js#L41](https://github.com/videojs/video.js/blob/master/src/js/component.js#L41)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_defined in_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_defined in_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_defined in_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_defined in_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_defined in_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_defined in_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_defined in_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_defined in_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_defined in_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.ControlBar.md

@@ -0,0 +1,509 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.ControlBar
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/control-bar.js#L9](https://github.com/videojs/video.js/blob/master/src/js/control-bar/control-bar.js#L9)  
+
+Container of main controls
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-ready-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+> the constructor function for the class
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_inherited from_: [src/js/component.js#L41](https://github.com/videojs/video.js/blob/master/src/js/component.js#L41)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.CoreObject.md

@@ -0,0 +1,93 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.CoreObject
+
+__DEFINED IN__: [src/js/core-object.js#L52](https://github.com/videojs/video.js/blob/master/src/js/core-object.js#L52)  
+
+Core Object/Class for objects that use inheritance + contstructors
+
+To create a class that can be subclassed itself, extend the CoreObject class.
+
+    var Animal = CoreObject.extend();
+    var Horse = Animal.extend();
+
+The constructor can be defined through the init property of an object argument.
+
+    var Animal = CoreObject.extend({
+      init: function(name, sound){
+        this.name = name;
+      }
+    });
+
+Other methods and properties can be added the same way, or directly to the
+prototype.
+
+   var Animal = CoreObject.extend({
+      init: function(name){
+        this.name = name;
+      },
+      getName: function(){
+        return this.name;
+      },
+      sound: '...'
+   });
+
+   Animal.prototype.makeSound = function(){
+     alert(this.sound);
+   };
+
+To create an instance of a class, use the create method.
+
+   var fluffy = Animal.create('Fluffy');
+   fluffy.getName(); // -> Fluffy
+
+Methods and properties can be overridden in subclasses.
+
+    var Horse = Animal.extend({
+      sound: 'Neighhhhh!'
+    });
+
+    var horsey = Horse.create('Horsey');
+    horsey.getName(); // -> Horsey
+    horsey.makeSound(); // -> Alert: Neighhhhh!
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [create](#create-static)
+  - [extend](#extend-props--static)
+
+---
+
+## METHODS
+
+### create() `STATIC`
+> Create a new instace of this Object class
+> 
+>     var myAnimal = Animal.create();
+
+##### RETURNS: 
+* `vjs.CoreObject` An instance of a CoreObject subclass
+
+_defined in_: [src/js/core-object.js#L120](https://github.com/videojs/video.js/blob/master/src/js/core-object.js#L120)
+
+---
+
+### extend( props ) `STATIC`
+> Create a new object that inherits from this Object
+> 
+>     var Animal = CoreObject.extend();
+>     var Horse = Animal.extend();
+
+##### PARAMETERS: 
+* __props__ `Object` Functions and properties to be applied to the
+
+##### RETURNS: 
+* `vjs.CoreObject` An object that inherits from CoreObject
+
+_defined in_: [src/js/core-object.js#L70](https://github.com/videojs/video.js/blob/master/src/js/core-object.js#L70)
+
+---
+

docs/api/vjs.CurrentTimeDisplay.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.CurrentTimeDisplay
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/time-display.js#L7](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L7)  
+
+Displays the current time
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/time-display.js#L9](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L9)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.DurationDisplay.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.DurationDisplay
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/time-display.js#L43](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L43)  
+
+Displays the duration
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/time-display.js#L45](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L45)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.Flash.md

@@ -0,0 +1,553 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.Flash
+
+__EXTENDS__: [vjs.MediaTechController](vjs.MediaTechController.md)  
+__DEFINED IN__: [src/js/media/flash.js#L15](https://github.com/videojs/video.js/blob/master/src/js/media/flash.js#L15)  
+
+Flash Media Controller - Wrapper for fallback SWF API
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [initControlsListeners](#initcontrolslisteners) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [onClick](#onclick-event-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [removeControlsListeners](#removecontrolslisteners) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/media/flash.js#L17](https://github.com/videojs/video.js/blob/master/src/js/media/flash.js#L17)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### initControlsListeners()
+> Set up click and touch listeners for the playback element
+> On desktops, a click on the video itself will toggle playback,
+> on a mobile device a click on the video toggles controls.
+> (toggling controls is done by toggling the user state between active and
+> inactive)
+> 
+> A tap can signal that a user has become active, or has become inactive
+> e.g. a quick tap on an iPhone movie should reveal the controls. Another
+> quick tap should hide them again (signaling the user is in an inactive
+> viewing state)
+> 
+> In addition to this, we still want the user to be considered inactive after
+> a few seconds of inactivity.
+> 
+> Note: the only part of iOS interaction we can't mimic with this setup
+> is a touch and hold on the video element counting as activity in order to
+> keep the controls showing, but that shouldn't be an issue. A touch and hold on
+> any controls will still keep the user active
+
+_inherited from_: [src/js/media/media.js#L41](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L41)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick( event )
+> Handle a click on the media element. By default will play/pause the media.
+
+##### PARAMETERS: 
+* __event__ 
+
+_inherited from_: [src/js/media/media.js#L131](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L131)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### removeControlsListeners()
+> Remove the listeners used for click and tap controls. This is needed for
+> toggling to controls disabled, where a tap/touch should do nothing.
+
+_inherited from_: [src/js/media/media.js#L115](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L115)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.FullscreenToggle.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.FullscreenToggle
+
+__EXTENDS__: [vjs.Button](vjs.Button.md)  
+__DEFINED IN__: [src/js/control-bar/fullscreen-toggle.js#L8](https://github.com/videojs/video.js/blob/master/src/js/control-bar/fullscreen-toggle.js#L8)  
+
+Toggle fullscreen video
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/fullscreen-toggle.js#L14](https://github.com/videojs/video.js/blob/master/src/js/control-bar/fullscreen-toggle.js#L14)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.Html5.md

@@ -0,0 +1,553 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.Html5
+
+__EXTENDS__: [vjs.MediaTechController](vjs.MediaTechController.md)  
+__DEFINED IN__: [src/js/media/html5.js#L12](https://github.com/videojs/video.js/blob/master/src/js/media/html5.js#L12)  
+
+HTML5 Media Controller - Wrapper for HTML5 Media API
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [initControlsListeners](#initcontrolslisteners) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [onClick](#onclick-event-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [removeControlsListeners](#removecontrolslisteners) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/media/html5.js#L14](https://github.com/videojs/video.js/blob/master/src/js/media/html5.js#L14)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### initControlsListeners()
+> Set up click and touch listeners for the playback element
+> On desktops, a click on the video itself will toggle playback,
+> on a mobile device a click on the video toggles controls.
+> (toggling controls is done by toggling the user state between active and
+> inactive)
+> 
+> A tap can signal that a user has become active, or has become inactive
+> e.g. a quick tap on an iPhone movie should reveal the controls. Another
+> quick tap should hide them again (signaling the user is in an inactive
+> viewing state)
+> 
+> In addition to this, we still want the user to be considered inactive after
+> a few seconds of inactivity.
+> 
+> Note: the only part of iOS interaction we can't mimic with this setup
+> is a touch and hold on the video element counting as activity in order to
+> keep the controls showing, but that shouldn't be an issue. A touch and hold on
+> any controls will still keep the user active
+
+_inherited from_: [src/js/media/media.js#L41](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L41)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick( event )
+> Handle a click on the media element. By default will play/pause the media.
+
+##### PARAMETERS: 
+* __event__ 
+
+_inherited from_: [src/js/media/media.js#L131](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L131)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### removeControlsListeners()
+> Remove the listeners used for click and tap controls. This is needed for
+> toggling to controls disabled, where a tap/touch should do nothing.
+
+_inherited from_: [src/js/media/media.js#L115](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L115)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.JSON.md

@@ -0,0 +1,30 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.JSON
+
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [parse](#parse-text-reviver-)
+
+---
+
+## METHODS
+
+### parse( text, [reviver] )
+> parse the json
+
+##### PARAMETERS: 
+* __text__ `String` The JSON string to parse
+* __reviver__ `Function` _(OPTIONAL)_ Optional function that can transform the results
+
+##### RETURNS: 
+* `Object|Array` The parsed JSON
+
+_defined in_: [src/js/json.js#L34](https://github.com/videojs/video.js/blob/master/src/js/json.js#L34)
+
+---
+

docs/api/vjs.LoadProgressBar.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.LoadProgressBar
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/progress-control.js#L136](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L136)  
+
+Shows load progress
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/progress-control.js#L138](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L138)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.LoadingSpinner.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.LoadingSpinner
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/loading-spinner.js#L10](https://github.com/videojs/video.js/blob/master/src/js/loading-spinner.js#L10)  
+
+Loading spinner for waiting events
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/loading-spinner.js#L12](https://github.com/videojs/video.js/blob/master/src/js/loading-spinner.js#L12)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.MediaLoader.md

@@ -0,0 +1,509 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.MediaLoader
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/media/loader.js#L7](https://github.com/videojs/video.js/blob/master/src/js/media/loader.js#L7)  
+
+The Media Loader is the component that decides which playback technology to load
+when the player is initialized.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/media/loader.js#L9](https://github.com/videojs/video.js/blob/master/src/js/media/loader.js#L9)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.MediaTechController.md

@@ -0,0 +1,553 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.MediaTechController
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/media/media.js#L12](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L12)  
+
+Base class for media (HTML5 Video, Flash) controllers
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [initControlsListeners](#initcontrolslisteners)
+  - [onClick](#onclick-event-)
+  - [removeControlsListeners](#removecontrolslisteners)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/media/media.js#L14](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L14)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### initControlsListeners()
+> Set up click and touch listeners for the playback element
+> On desktops, a click on the video itself will toggle playback,
+> on a mobile device a click on the video toggles controls.
+> (toggling controls is done by toggling the user state between active and
+> inactive)
+> 
+> A tap can signal that a user has become active, or has become inactive
+> e.g. a quick tap on an iPhone movie should reveal the controls. Another
+> quick tap should hide them again (signaling the user is in an inactive
+> viewing state)
+> 
+> In addition to this, we still want the user to be considered inactive after
+> a few seconds of inactivity.
+> 
+> Note: the only part of iOS interaction we can't mimic with this setup
+> is a touch and hold on the video element counting as activity in order to
+> keep the controls showing, but that shouldn't be an issue. A touch and hold on
+> any controls will still keep the user active
+
+_defined in_: [src/js/media/media.js#L41](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L41)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick( event )
+> Handle a click on the media element. By default will play/pause the media.
+
+##### PARAMETERS: 
+* __event__ 
+
+_defined in_: [src/js/media/media.js#L131](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L131)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### removeControlsListeners()
+> Remove the listeners used for click and tap controls. This is needed for
+> toggling to controls disabled, where a tap/touch should do nothing.
+
+_defined in_: [src/js/media/media.js#L115](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L115)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.Menu.md

@@ -0,0 +1,518 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.Menu
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/menu.js#L12](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L12)  
+
+The Menu component is used to build pop up menus, including subtitle and
+captions selection menus.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [addItem](#additem-component-)
+  - [createEl](#createel-tagname-attributes-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-ready-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### addItem( component )
+> Add a menu item to the menu
+
+##### PARAMETERS: 
+* __component__ `Object|String` Component or component type to add
+
+_defined in_: [src/js/menu.js#L18](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L18)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_defined in_: [src/js/menu.js#L26](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L26)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+> the constructor function for the class
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_inherited from_: [src/js/component.js#L41](https://github.com/videojs/video.js/blob/master/src/js/component.js#L41)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.MenuButton.md

@@ -0,0 +1,512 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.MenuButton
+
+__EXTENDS__: [vjs.Button](vjs.Button.md)  
+__DEFINED IN__: [src/js/menu.js#L99](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L99)  
+
+A button class with a popup menu
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [buildCSSClass](#buildcssclass)
+  - [createItems](#createitems)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+_defined in_: [src/js/menu.js#L157](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L157)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### createItems()
+> Create the list of menu items. Specific to each subclass.
+
+_defined in_: [src/js/menu.js#L154](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L154)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/menu.js#L101](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L101)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.MenuItem.md

@@ -0,0 +1,523 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.MenuItem
+
+__EXTENDS__: [vjs.Button](vjs.Button.md)  
+__DEFINED IN__: [src/js/menu.js#L55](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L55)  
+
+The component for a menu item. `<li>`
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [createEl](#createel-tagname-attributes-)
+  - [init](#init-player-options-)
+  - [onClick](#onclick)
+  - [selected](#selected-selected-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_defined in_: [src/js/menu.js#L64](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L64)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/menu.js#L57](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L57)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick()
+> Handle a click on the menu item, and set it to selected
+
+_defined in_: [src/js/menu.js#L74](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L74)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### selected( selected )
+> Set this menu item as selected or not
+
+##### PARAMETERS: 
+* __selected__ `Boolean` 
+
+_defined in_: [src/js/menu.js#L82](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L82)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.MuteToggle.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.MuteToggle
+
+__EXTENDS__: [vjs.Button](vjs.Button.md)  
+__DEFINED IN__: [src/js/control-bar/mute-toggle.js#L8](https://github.com/videojs/video.js/blob/master/src/js/control-bar/mute-toggle.js#L8)  
+
+A button component for muting the audio
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/mute-toggle.js#L10](https://github.com/videojs/video.js/blob/master/src/js/control-bar/mute-toggle.js#L10)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.OffTextTrackMenuItem.md

@@ -0,0 +1,523 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.OffTextTrackMenuItem
+
+__EXTENDS__: [vjs.TextTrackMenuItem](vjs.TextTrackMenuItem.md)  
+__DEFINED IN__: [src/js/tracks.js#L765](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L765)  
+
+A special menu item for turning of a specific type of text track
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [onClick](#onclick) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [selected](#selected-selected-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_inherited from_: [src/js/menu.js#L64](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L64)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/tracks.js#L767](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L767)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick()
+> Handle a click on the menu item, and set it to selected
+
+_inherited from_: [src/js/menu.js#L74](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L74)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### selected( selected )
+> Set this menu item as selected or not
+
+##### PARAMETERS: 
+* __selected__ `Boolean` 
+
+_inherited from_: [src/js/menu.js#L82](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L82)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.PlayProgressBar.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.PlayProgressBar
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/progress-control.js#L163](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L163)  
+
+Shows play progress
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/progress-control.js#L165](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L165)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.PlayToggle.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.PlayToggle
+
+__EXTENDS__: [vjs.Button](vjs.Button.md)  
+__DEFINED IN__: [src/js/control-bar/play-toggle.js#L8](https://github.com/videojs/video.js/blob/master/src/js/control-bar/play-toggle.js#L8)  
+
+Button to toggle between play and pause
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/play-toggle.js#L10](https://github.com/videojs/video.js/blob/master/src/js/control-bar/play-toggle.js#L10)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.Player.md

@@ -0,0 +1,926 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.Player
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/player.js#L21](https://github.com/videojs/video.js/blob/master/src/js/player.js#L21)  
+
+An instance of the `vjs.Player` class is created when any of the Video.js setup methods are used to initialize a video.
+
+```js
+var myPlayer = videojs('example_video_1');
+```
+
+In the follwing example, the `data-setup` attribute tells the Video.js library to create a player instance when the library is ready.
+
+```html
+<video id="example_video_1" data-setup='{}' controls>
+  <source src="my-source.mp4" type="video/mp4">
+</video>
+```
+
+After an instance has been created it can be accessed globally using `Video('example_video_1')`.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [buffered](#buffered)
+  - [bufferedPercent](#bufferedpercent)
+  - [cancelFullScreen](#cancelfullscreen)
+  - [controls](#controls-controls-)
+  - [currentTime](#currenttime-seconds-)
+  - [dispose](#dispose)
+  - [duration](#duration-seconds-)
+  - [init](#init-tag-options-ready-)
+  - [muted](#muted-muted-)
+  - [pause](#pause)
+  - [paused](#paused)
+  - [play](#play)
+  - [poster](#poster-src-)
+  - [requestFullScreen](#requestfullscreen)
+  - [src](#src-source-)
+  - [volume](#volume-percentasdecimal-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [durationchange](#durationchange-event)
+  - [ended](#ended-event)
+  - [error](#error-event)
+  - [firstplay](#firstplay-event)
+  - [fullscreenchange](#fullscreenchange-event)
+  - [loadedalldata](#loadedalldata-event)
+  - [loadeddata](#loadeddata-event)
+  - [loadedmetadata](#loadedmetadata-event)
+  - [loadstart](#loadstart-event)
+  - [pause](#pause-event)
+  - [play](#play-event)
+  - [progress](#progress-event)
+  - [timeupdate](#timeupdate-event)
+  - [volumechange](#volumechange-event)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buffered()
+> Get a TimeRange object with the times of the video that have been downloaded
+> 
+> If you just want the percent of the video that's been downloaded,
+> use bufferedPercent.
+> 
+>     // Number of different ranges of time have been buffered. Usually 1.
+>     numberOfRanges = bufferedTimeRange.length,
+> 
+>     // Time in seconds when the first range starts. Usually 0.
+>     firstRangeStart = bufferedTimeRange.start(0),
+> 
+>     // Time in seconds when the first range ends
+>     firstRangeEnd = bufferedTimeRange.end(0),
+> 
+>     // Length in seconds of the first time range
+>     firstRangeLength = firstRangeEnd - firstRangeStart;
+
+##### RETURNS: 
+* `Object` A mock TimeRange object (following HTML spec)
+
+_defined in_: [src/js/player.js#L717](https://github.com/videojs/video.js/blob/master/src/js/player.js#L717)
+
+---
+
+### bufferedPercent()
+> Get the percent (as a decimal) of the video that's been downloaded
+> 
+>     var howMuchIsDownloaded = myPlayer.bufferedPercent();
+> 
+> 0 means none, 1 means all.
+> (This method isn't in the HTML5 spec, but it's very convenient)
+
+##### RETURNS: 
+* `Number` A decimal between 0 and 1 representing the percent
+
+_defined in_: [src/js/player.js#L743](https://github.com/videojs/video.js/blob/master/src/js/player.js#L743)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### cancelFullScreen()
+> Return the video to its normal size after having been in full screen mode
+> 
+>     myPlayer.cancelFullScreen();
+
+##### RETURNS: 
+* `vjs.Player` self
+
+_defined in_: [src/js/player.js#L864](https://github.com/videojs/video.js/blob/master/src/js/player.js#L864)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### controls( controls )
+> Get or set whether or not the controls are showing.
+
+##### PARAMETERS: 
+* __controls__ `Boolean` Set controls to showing or not
+
+##### RETURNS: 
+* `Boolean` Controls are showing
+
+_defined in_: [src/js/player.js#L1115](https://github.com/videojs/video.js/blob/master/src/js/player.js#L1115)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### currentTime( [seconds] )
+> Get or set the current time (in seconds)
+> 
+>     // get
+>     var whereYouAt = myPlayer.currentTime();
+> 
+>     // set
+>     myPlayer.currentTime(120); // 2 minutes into the video
+
+##### PARAMETERS: 
+* __seconds__ `Number|String` _(OPTIONAL)_ The time to seek to
+
+##### RETURNS: 
+* `Number` The time in seconds, when not setting
+* `vjs.Player` self, when the current time is set
+
+_defined in_: [src/js/player.js#L641](https://github.com/videojs/video.js/blob/master/src/js/player.js#L641)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Destroys the video player and does any necessary cleanup
+> 
+>     myPlayer.dispose();
+> 
+> This is especially helpful if you are dynamically adding and removing videos
+> to/from the DOM.
+
+_defined in_: [src/js/player.js#L128](https://github.com/videojs/video.js/blob/master/src/js/player.js#L128)
+
+---
+
+### duration( seconds )
+> Get the length in time of the video in seconds
+> 
+>     var lengthOfVideo = myPlayer.duration();
+> 
+> **NOTE**: The video must have started loading before the duration can be
+> known, and in the case of Flash, may not be known until the video starts
+> playing.
+
+##### PARAMETERS: 
+* __seconds__ 
+
+##### RETURNS: 
+* `Number` The duration of the video in seconds
+
+_defined in_: [src/js/player.js#L671](https://github.com/videojs/video.js/blob/master/src/js/player.js#L671)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( tag, [options], [ready] )
+> player's constructor function
+
+##### PARAMETERS: 
+* __tag__ `Element` The original video tag used for configuring options
+* __options__ `Object` _(OPTIONAL)_ Player options
+* __ready__ `Function` _(OPTIONAL)_ Ready callback function
+
+_defined in_: [src/js/player.js#L32](https://github.com/videojs/video.js/blob/master/src/js/player.js#L32)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### muted( [muted] )
+> Get the current muted state, or turn mute on or off
+> 
+>     // get
+>     var isVolumeMuted = myPlayer.muted();
+> 
+>     // set
+>     myPlayer.muted(true); // mute the volume
+
+##### PARAMETERS: 
+* __muted__ `Boolean` _(OPTIONAL)_ True to mute, false to unmute
+
+##### RETURNS: 
+* `Boolean` True if mute is on, false if not, when getting
+* `vjs.Player` self, when setting mute
+
+_defined in_: [src/js/player.js#L792](https://github.com/videojs/video.js/blob/master/src/js/player.js#L792)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### pause()
+> Pause the video playback
+> 
+>     myPlayer.pause();
+
+##### RETURNS: 
+* `vjs.Player` self
+
+_defined in_: [src/js/player.js#L610](https://github.com/videojs/video.js/blob/master/src/js/player.js#L610)
+
+---
+
+### paused()
+> Check if the player is paused
+> 
+>     var isPaused = myPlayer.paused();
+>     var isPlaying = !myPlayer.paused();
+
+##### RETURNS: 
+* `Boolean` false if the media is currently playing, or true otherwise
+
+_defined in_: [src/js/player.js#L623](https://github.com/videojs/video.js/blob/master/src/js/player.js#L623)
+
+---
+
+### play()
+> start media playback
+> 
+>     myPlayer.play();
+
+##### RETURNS: 
+* `vjs.Player` self
+
+_defined in_: [src/js/player.js#L598](https://github.com/videojs/video.js/blob/master/src/js/player.js#L598)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### poster( [src] )
+> get or set the poster image source url
+> 
+> ##### EXAMPLE:
+> 
+>     // getting
+>     var currentPoster = myPlayer.poster();
+> 
+>     // setting
+>     myPlayer.poster('http://example.com/myImage.jpg');
+
+##### PARAMETERS: 
+* __src__ `String` _(OPTIONAL)_ Poster image source URL
+
+##### RETURNS: 
+* `String` poster URL when getting
+* `vjs.Player` self when setting
+
+_defined in_: [src/js/player.js#L1095](https://github.com/videojs/video.js/blob/master/src/js/player.js#L1095)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### requestFullScreen()
+> Increase the size of the video to full screen
+> 
+>     myPlayer.requestFullScreen();
+> 
+> In some browsers, full screen is not supported natively, so it enters
+> "full window mode", where the video fills the browser window.
+> In browsers and devices that support native full screen, sometimes the
+> browser's default controls will be shown, and not the Video.js custom skin.
+> This includes most mobile devices (iOS, Android) and older versions of
+> Safari.
+
+##### RETURNS: 
+* `vjs.Player` self
+
+_defined in_: [src/js/player.js#L817](https://github.com/videojs/video.js/blob/master/src/js/player.js#L817)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### src( [source] )
+> The source function updates the video source
+> 
+> There are three types of variables you can pass as the argument.
+> 
+> **URL String**: A URL to the the video file. Use this method if you are sure
+> the current playback technology (HTML5/Flash) can support the source you
+> provide. Currently only MP4 files can be used in both HTML5 and Flash.
+> 
+>     myPlayer.src("http://www.example.com/path/to/video.mp4");
+> 
+> **Source Object (or element):** A javascript object containing information
+> about the source file. Use this method if you want the player to determine if
+> it can support the file using the type information.
+> 
+>     myPlayer.src({ type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" });
+> 
+> **Array of Source Objects:** To provide multiple versions of the source so
+> that it can be played using HTML5 across browsers you can use an array of
+> source objects. Video.js will detect which version is supported and load that
+> file.
+> 
+>     myPlayer.src([
+>       { type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" },
+>       { type: "video/webm", src: "http://www.example.com/path/to/video.webm" },
+>       { type: "video/ogg", src: "http://www.example.com/path/to/video.ogv" }
+>     ]);
+
+##### PARAMETERS: 
+* __source__ `String|Object|Array` _(OPTIONAL)_ The source URL, object, or array of sources
+
+##### RETURNS: 
+* `vjs.Player` self
+
+_defined in_: [src/js/player.js#L979](https://github.com/videojs/video.js/blob/master/src/js/player.js#L979)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### volume( percentAsDecimal )
+> Get or set the current volume of the media
+> 
+>     // get
+>     var howLoudIsIt = myPlayer.volume();
+> 
+>     // set
+>     myPlayer.volume(0.5); // Set volume to half
+> 
+> 0 is off (muted), 1.0 is all the way up, 0.5 is half way.
+
+##### PARAMETERS: 
+* __percentAsDecimal__ `Number` The new volume as a decimal percent
+
+##### RETURNS: 
+* `Number` The current volume, when getting
+* `vjs.Player` self, when setting
+
+_defined in_: [src/js/player.js#L762](https://github.com/videojs/video.js/blob/master/src/js/player.js#L762)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### durationchange `EVENT`
+> Fired when the duration of the media resource is first known or changed
+
+_defined in_: [src/js/player.js#L498](https://github.com/videojs/video.js/blob/master/src/js/player.js#L498)
+
+---
+
+### ended `EVENT`
+> Fired when the end of the media resource is reached (currentTime == duration)
+
+_defined in_: [src/js/player.js#L487](https://github.com/videojs/video.js/blob/master/src/js/player.js#L487)
+
+---
+
+### error `EVENT`
+> Fired when there is an error in playback
+
+##### PARAMETERS: 
+* __e__ 
+
+_defined in_: [src/js/player.js#L525](https://github.com/videojs/video.js/blob/master/src/js/player.js#L525)
+
+---
+
+### firstplay `EVENT`
+> Fired the first time a video is played
+> 
+> Not part of the HLS spec, and we're not sure if this is the best
+> implementation yet, so use sparingly. If you don't have a reason to
+> prevent playback, use `myPlayer.one('play');` instead.
+
+_defined in_: [src/js/player.js#L444](https://github.com/videojs/video.js/blob/master/src/js/player.js#L444)
+
+---
+
+### fullscreenchange `EVENT`
+> Fired when the player switches in or out of fullscreen mode
+
+_defined in_: [src/js/player.js#L513](https://github.com/videojs/video.js/blob/master/src/js/player.js#L513)
+
+---
+
+### loadedalldata `EVENT`
+> Fired when the player has finished downloading the source data
+
+_defined in_: [src/js/player.js#L424](https://github.com/videojs/video.js/blob/master/src/js/player.js#L424)
+
+---
+
+### loadeddata `EVENT`
+> Fired when the player has downloaded data at the current playback position
+
+_defined in_: [src/js/player.js#L418](https://github.com/videojs/video.js/blob/master/src/js/player.js#L418)
+
+---
+
+### loadedmetadata `EVENT`
+> Fired when the player has initial duration and dimension information
+
+_defined in_: [src/js/player.js#L412](https://github.com/videojs/video.js/blob/master/src/js/player.js#L412)
+
+---
+
+### loadstart `EVENT`
+> Fired when the user agent begins looking for media data
+
+_defined in_: [src/js/player.js#L406](https://github.com/videojs/video.js/blob/master/src/js/player.js#L406)
+
+---
+
+### pause `EVENT`
+> Fired whenever the media has been paused
+
+_defined in_: [src/js/player.js#L458](https://github.com/videojs/video.js/blob/master/src/js/player.js#L458)
+
+---
+
+### play `EVENT`
+> Fired whenever the media begins or resumes playback
+
+_defined in_: [src/js/player.js#L430](https://github.com/videojs/video.js/blob/master/src/js/player.js#L430)
+
+---
+
+### progress `EVENT`
+> Fired while the user agent is downloading media data
+
+_defined in_: [src/js/player.js#L476](https://github.com/videojs/video.js/blob/master/src/js/player.js#L476)
+
+---
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+
+### timeupdate `EVENT`
+> Fired when the current playback position has changed
+> 
+> During playback this is fired every 15-250 milliseconds, depnding on the
+> playback technology in use.
+
+_defined in_: [src/js/player.js#L470](https://github.com/videojs/video.js/blob/master/src/js/player.js#L470)
+
+---
+
+### volumechange `EVENT`
+> Fired when the volume changes
+
+_defined in_: [src/js/player.js#L507](https://github.com/videojs/video.js/blob/master/src/js/player.js#L507)
+
+---
+

docs/api/vjs.PosterImage.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.PosterImage
+
+__EXTENDS__: [vjs.Button](vjs.Button.md)  
+__DEFINED IN__: [src/js/poster.js#L10](https://github.com/videojs/video.js/blob/master/src/js/poster.js#L10)  
+
+The component that handles showing the poster image.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/poster.js#L12](https://github.com/videojs/video.js/blob/master/src/js/poster.js#L12)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.ProgressControl.md

@@ -0,0 +1,508 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.ProgressControl
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/progress-control.js#L9](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L9)  
+
+The Progress Control component contains the seek bar, load progress,
+and play progress
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/progress-control.js#L11](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L11)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.RemainingTimeDisplay.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.RemainingTimeDisplay
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/time-display.js#L103](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L103)  
+
+Displays the time left in the video
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/time-display.js#L105](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L105)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.SeekBar.md

@@ -0,0 +1,519 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.SeekBar
+
+__EXTENDS__: [vjs.Slider](vjs.Slider.md)  
+__DEFINED IN__: [src/js/control-bar/progress-control.js#L35](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L35)  
+
+Seek Bar and holder for the progress bars
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [onClick](#onclick-event-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/progress-control.js#L37](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L37)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick( event )
+> Listener for click events on slider, used to prevent clicks
+>   from bubbling up to parent elements like button menus.
+
+##### PARAMETERS: 
+* __event__ `Object` Event object
+
+_inherited from_: [src/js/slider.js#L200](https://github.com/videojs/video.js/blob/master/src/js/slider.js#L200)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.SeekHandle.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.SeekHandle
+
+__EXTENDS__: [vjs.SliderHandle](vjs.SliderHandle.md)  
+__DEFINED IN__: [src/js/control-bar/progress-control.js#L185](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L185)  
+
+The Seek Handle shows the current position of the playhead during playback,
+and can be dragged to adjust the playhead.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [createEl](#createel-tagname-attributes-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-ready-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_defined in_: [src/js/control-bar/progress-control.js#L196](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L196)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+> the constructor function for the class
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_inherited from_: [src/js/component.js#L41](https://github.com/videojs/video.js/blob/master/src/js/component.js#L41)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.Slider.md

@@ -0,0 +1,519 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.Slider
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/slider.js#L10](https://github.com/videojs/video.js/blob/master/src/js/slider.js#L10)  
+
+The base functionality for sliders like the volume bar and seek bar
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [onClick](#onclick-event-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/slider.js#L12](https://github.com/videojs/video.js/blob/master/src/js/slider.js#L12)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick( event )
+> Listener for click events on slider, used to prevent clicks
+>   from bubbling up to parent elements like button menus.
+
+##### PARAMETERS: 
+* __event__ `Object` Event object
+
+_defined in_: [src/js/slider.js#L200](https://github.com/videojs/video.js/blob/master/src/js/slider.js#L200)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.SliderHandle.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.SliderHandle
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/slider.js#L212](https://github.com/videojs/video.js/blob/master/src/js/slider.js#L212)  
+
+SeekBar Behavior includes play progress bar, and seek handle
+Needed so it can determine seek position based on handle position/size
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [createEl](#createel-tagname-attributes-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-ready-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_defined in_: [src/js/slider.js#L223](https://github.com/videojs/video.js/blob/master/src/js/slider.js#L223)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+> the constructor function for the class
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_inherited from_: [src/js/component.js#L41](https://github.com/videojs/video.js/blob/master/src/js/component.js#L41)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.SubtitlesButton.md

@@ -0,0 +1,513 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.SubtitlesButton
+
+__EXTENDS__: [vjs.TextTrackButton](vjs.TextTrackButton.md)  
+__DEFINED IN__: [src/js/tracks.js#L883](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L883)  
+
+The button component for toggling and selecting subtitles
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [createItems](#createitems) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+_inherited from_: [src/js/menu.js#L157](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L157)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### createItems()
+> Create the list of menu items. Specific to each subclass.
+
+_inherited from_: [src/js/menu.js#L154](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L154)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/tracks.js#L885](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L885)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.SubtitlesTrack.md

@@ -0,0 +1,644 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.SubtitlesTrack
+
+__EXTENDS__: [vjs.TextTrack](vjs.TextTrack.md)  
+__DEFINED IN__: [src/js/tracks.js#L689](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L689)  
+
+The track component for managing the hiding and showing of subtitles
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [activate](#activate) _`inherited`_
+  - [activeCues](#activecues) _`inherited`_
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [adjustFontSize](#adjustfontsize) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel) _`inherited`_
+  - [cues](#cues) _`inherited`_
+  - [deactivate](#deactivate) _`inherited`_
+  - [dflt](#dflt) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [kind](#kind) _`inherited`_
+  - [label](#label) _`inherited`_
+  - [language](#language) _`inherited`_
+  - [mode](#mode) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [readyState](#readystate) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [src](#src) _`inherited`_
+  - [title](#title) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### activate()
+> Turn on cue tracking. Tracks that are showing OR hidden are active.
+
+_inherited from_: [src/js/tracks.js#L385](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L385)
+
+---
+
+### activeCues()
+> Get the track active cues
+
+##### RETURNS: 
+* `Array` 
+
+_inherited from_: [src/js/tracks.js#L264](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L264)
+
+---
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### adjustFontSize()
+> Change the font size of the text track to make it larger when playing in fullscreen mode
+> and restore it to its normal size when not in fullscreen mode.
+
+_inherited from_: [src/js/tracks.js#L309](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L309)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl()
+> Create basic div to hold cue text
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/tracks.js#L325](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L325)
+
+---
+
+### cues()
+> Get the track cues
+
+##### RETURNS: 
+* `Array` 
+
+_inherited from_: [src/js/tracks.js#L249](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L249)
+
+---
+
+### deactivate()
+> Turn off cue tracking.
+
+_inherited from_: [src/js/tracks.js#L408](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L408)
+
+---
+
+### dflt()
+> Get the track default value. ('default' is a reserved keyword)
+
+##### RETURNS: 
+* `Boolean` 
+
+_inherited from_: [src/js/tracks.js#L190](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable: Mode Off/Disable (0)
+> Indicates that the text track is not active. Other than for the purposes of exposing the track in the DOM, the user agent is ignoring the text track.
+> No cues are active, no events are fired, and the user agent will not attempt to obtain the track's cues.
+
+_inherited from_: [src/js/tracks.js#L371](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L371)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide: Mode Hidden (1)
+> Indicates that the text track is active, but that the user agent is not actively displaying the cues.
+> If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+> The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+
+_inherited from_: [src/js/tracks.js#L356](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L356)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_inherited from_: [src/js/tracks.js#L128](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L128)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### kind()
+> Get the track kind value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L161](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L161)
+
+---
+
+### label()
+> Get the track label value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L234](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L234)
+
+---
+
+### language()
+> Get the track language value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L219](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L219)
+
+---
+
+### mode()
+> Get the track mode
+
+##### RETURNS: 
+* `Number` 
+
+_inherited from_: [src/js/tracks.js#L301](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L301)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### readyState()
+> Get the track readyState
+
+##### RETURNS: 
+* `Number` 
+
+_inherited from_: [src/js/tracks.js#L283](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L283)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show: Mode Showing (2)
+> Indicates that the text track is active. If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+> The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+> In addition, for text tracks whose kind is subtitles or captions, the cues are being displayed over the video as appropriate;
+> for text tracks whose kind is descriptions, the user agent is making the cues available to the user in a non-visual fashion;
+> and for text tracks whose kind is chapters, the user agent is making available to the user a mechanism by which the user can navigate to any point in the media resource by selecting a cue.
+> The showing by default state is used in conjunction with the default attribute on track elements to indicate that the text track was enabled due to that attribute.
+> This allows the user agent to override the state if a later track is discovered that is more appropriate per the user's preferences.
+
+_inherited from_: [src/js/tracks.js#L341](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L341)
+
+---
+
+### src()
+> Get the track src value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L175](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L175)
+
+---
+
+### title()
+> Get the track title value
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/tracks.js#L204](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L204)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.TextTrack.md

@@ -0,0 +1,646 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.TextTrack
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/tracks.js#L126](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L126)  
+
+The base class for all text tracks
+
+Handles the parsing, hiding, and showing of text track cues
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [activate](#activate)
+  - [activeCues](#activecues)
+  - [adjustFontSize](#adjustfontsize)
+  - [createEl](#createel)
+  - [cues](#cues)
+  - [deactivate](#deactivate)
+  - [dflt](#dflt)
+  - [disable](#disable)
+  - [hide](#hide)
+  - [init](#init-player-options-)
+  - [kind](#kind)
+  - [label](#label)
+  - [language](#language)
+  - [mode](#mode)
+  - [readyState](#readystate)
+  - [show](#show)
+  - [src](#src)
+  - [title](#title)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### activate()
+> Turn on cue tracking. Tracks that are showing OR hidden are active.
+
+_defined in_: [src/js/tracks.js#L385](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L385)
+
+---
+
+### activeCues()
+> Get the track active cues
+
+##### RETURNS: 
+* `Array` 
+
+_defined in_: [src/js/tracks.js#L264](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L264)
+
+---
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### adjustFontSize()
+> Change the font size of the text track to make it larger when playing in fullscreen mode
+> and restore it to its normal size when not in fullscreen mode.
+
+_defined in_: [src/js/tracks.js#L309](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L309)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl()
+> Create basic div to hold cue text
+
+##### RETURNS: 
+* `Element` 
+
+_defined in_: [src/js/tracks.js#L325](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L325)
+
+---
+
+### cues()
+> Get the track cues
+
+##### RETURNS: 
+* `Array` 
+
+_defined in_: [src/js/tracks.js#L249](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L249)
+
+---
+
+### deactivate()
+> Turn off cue tracking.
+
+_defined in_: [src/js/tracks.js#L408](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L408)
+
+---
+
+### dflt()
+> Get the track default value. ('default' is a reserved keyword)
+
+##### RETURNS: 
+* `Boolean` 
+
+_defined in_: [src/js/tracks.js#L190](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable: Mode Off/Disable (0)
+> Indicates that the text track is not active. Other than for the purposes of exposing the track in the DOM, the user agent is ignoring the text track.
+> No cues are active, no events are fired, and the user agent will not attempt to obtain the track's cues.
+
+_defined in_: [src/js/tracks.js#L371](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L371)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide: Mode Hidden (1)
+> Indicates that the text track is active, but that the user agent is not actively displaying the cues.
+> If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+> The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+
+_defined in_: [src/js/tracks.js#L356](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L356)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/tracks.js#L128](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L128)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### kind()
+> Get the track kind value
+
+##### RETURNS: 
+* `String` 
+
+_defined in_: [src/js/tracks.js#L161](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L161)
+
+---
+
+### label()
+> Get the track label value
+
+##### RETURNS: 
+* `String` 
+
+_defined in_: [src/js/tracks.js#L234](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L234)
+
+---
+
+### language()
+> Get the track language value
+
+##### RETURNS: 
+* `String` 
+
+_defined in_: [src/js/tracks.js#L219](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L219)
+
+---
+
+### mode()
+> Get the track mode
+
+##### RETURNS: 
+* `Number` 
+
+_defined in_: [src/js/tracks.js#L301](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L301)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### readyState()
+> Get the track readyState
+
+##### RETURNS: 
+* `Number` 
+
+_defined in_: [src/js/tracks.js#L283](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L283)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show: Mode Showing (2)
+> Indicates that the text track is active. If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+> The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+> In addition, for text tracks whose kind is subtitles or captions, the cues are being displayed over the video as appropriate;
+> for text tracks whose kind is descriptions, the user agent is making the cues available to the user in a non-visual fashion;
+> and for text tracks whose kind is chapters, the user agent is making available to the user a mechanism by which the user can navigate to any point in the media resource by selecting a cue.
+> The showing by default state is used in conjunction with the default attribute on track elements to indicate that the text track was enabled due to that attribute.
+> This allows the user agent to override the state if a later track is discovered that is more appropriate per the user's preferences.
+
+_defined in_: [src/js/tracks.js#L341](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L341)
+
+---
+
+### src()
+> Get the track src value
+
+##### RETURNS: 
+* `String` 
+
+_defined in_: [src/js/tracks.js#L175](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L175)
+
+---
+
+### title()
+> Get the track title value
+
+##### RETURNS: 
+* `String` 
+
+_defined in_: [src/js/tracks.js#L204](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L204)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.TextTrackButton.md

@@ -0,0 +1,512 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.TextTrackButton
+
+__EXTENDS__: [vjs.MenuButton](vjs.MenuButton.md)  
+__DEFINED IN__: [src/js/tracks.js#L807](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L807)  
+
+The base class for buttons that toggle specific text track types (e.g. subtitles)
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [createItems](#createitems) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+_inherited from_: [src/js/menu.js#L157](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L157)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### createItems()
+> Create the list of menu items. Specific to each subclass.
+
+_inherited from_: [src/js/menu.js#L154](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L154)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/tracks.js#L809](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L809)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.TextTrackDisplay.md

@@ -0,0 +1,508 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.TextTrackDisplay
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/tracks.js#L710](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L710)  
+
+The component for displaying text track cues
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-ready-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_defined in_: [src/js/tracks.js#L712](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L712)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.TextTrackMenuItem.md

@@ -0,0 +1,523 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.TextTrackMenuItem
+
+__EXTENDS__: [vjs.MenuItem](vjs.MenuItem.md)  
+__DEFINED IN__: [src/js/tracks.js#L737](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L737)  
+
+The specific menu item type for selecting a language within a text track kind
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [onClick](#onclick) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [selected](#selected-selected-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_inherited from_: [src/js/menu.js#L64](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L64)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/tracks.js#L739](https://github.com/videojs/video.js/blob/master/src/js/tracks.js#L739)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick()
+> Handle a click on the menu item, and set it to selected
+
+_inherited from_: [src/js/menu.js#L74](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L74)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### selected( selected )
+> Set this menu item as selected or not
+
+##### PARAMETERS: 
+* __selected__ `Boolean` 
+
+_inherited from_: [src/js/menu.js#L82](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L82)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.TimeDivider.md

@@ -0,0 +1,509 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.TimeDivider
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/time-display.js#L83](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L83)  
+
+The separator between the current time and duration
+
+Can be hidden if it's not needed in the design.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/time-display.js#L85](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L85)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.VolumeBar.md

@@ -0,0 +1,519 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeBar
+
+__EXTENDS__: [vjs.Slider](vjs.Slider.md)  
+__DEFINED IN__: [src/js/control-bar/volume-control.js#L46](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L46)  
+
+The bar that contains the volume level and can be clicked on to adjust the level
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [onClick](#onclick-event-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/volume-control.js#L48](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L48)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### onClick( event )
+> Listener for click events on slider, used to prevent clicks
+>   from bubbling up to parent elements like button menus.
+
+##### PARAMETERS: 
+* __event__ `Object` Event object
+
+_inherited from_: [src/js/slider.js#L200](https://github.com/videojs/video.js/blob/master/src/js/slider.js#L200)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.VolumeControl.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeControl
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/volume-control.js#L8](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L8)  
+
+The component for controlling the volume level
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/volume-control.js#L10](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L10)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.VolumeHandle.md

@@ -0,0 +1,506 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeHandle
+
+__EXTENDS__: [vjs.SliderHandle](vjs.SliderHandle.md)  
+__DEFINED IN__: [src/js/control-bar/volume-control.js#L132](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L132)  
+
+The volume handle can be dragged to adjust the volume level
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [createEl](#createel-tagname-attributes-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [init](#init-player-options-ready-) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_defined in_: [src/js/control-bar/volume-control.js#L137](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L137)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options, ready )
+> the constructor function for the class
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+* __ready__ 
+
+_inherited from_: [src/js/component.js#L41](https://github.com/videojs/video.js/blob/master/src/js/component.js#L41)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.VolumeLevel.md

@@ -0,0 +1,507 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeLevel
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/volume-control.js#L111](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L111)  
+
+Shows volume level
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L471](https://github.com/videojs/video.js/blob/master/src/js/component.js#L471)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/volume-control.js#L113](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L113)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.VolumeMenuButton.md

@@ -0,0 +1,512 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeMenuButton
+
+__EXTENDS__: [vjs.MenuButton](vjs.MenuButton.md)  
+__DEFINED IN__: [src/js/control-bar/volume-menu-button.js#L5](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-menu-button.js#L5)  
+
+Menu button with a popup for showing the volume slider.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [createItems](#createitems) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [disable](#disable) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [getChild](#getchild-name-) _`inherited`_
+  - [getChildById](#getchildbyid-id-) _`inherited`_
+  - [height](#height-num-skiplisteners-) _`inherited`_
+  - [hide](#hide) _`inherited`_
+  - [id](#id) _`inherited`_
+  - [initChildren](#initchildren) _`inherited`_
+  - [name](#name) _`inherited`_
+  - [off](#off-type-fn-) _`inherited`_
+  - [on](#on-type-fn-) _`inherited`_
+  - [one](#one-type-fn-) _`inherited`_
+  - [options](#options-obj-) _`inherited`_
+  - [player](#player) _`inherited`_
+  - [ready](#ready-fn-) _`inherited`_
+  - [removeChild](#removechild-component-) _`inherited`_
+  - [removeClass](#removeclass-classtoremove-) _`inherited`_
+  - [show](#show) _`inherited`_
+  - [trigger](#trigger-type-event-) _`inherited`_
+  - [triggerReady](#triggerready) _`inherited`_
+  - [width](#width-num-skiplisteners-) _`inherited`_
+
+- [EVENTS](#events)
+  - [resize](#resize-event) _`inherited`_
+
+---
+
+## METHODS
+
+### addChild( child, [options] )
+> Adds a child component inside this component
+> 
+>     myComponent.el();
+>     // -> <div class='my-component'></div>
+>     myComonent.children();
+>     // [empty array]
+> 
+>     var myButton = myComponent.addChild('MyButton');
+>     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+>     // -> myButton === myComonent.children()[0];
+> 
+> Pass in options for child constructors and options for children of the child
+> 
+>     var myButton = myComponent.addChild('MyButton', {
+>       text: 'Press Me',
+>       children: {
+>         buttonChildExample: {
+>           buttonChildOption: true
+>         }
+>       }
+>     });
+
+##### PARAMETERS: 
+* __child__ `String|vjs.Component` The class name or instance of a child to add
+* __options__ `Object` _(OPTIONAL)_ Options, including options to be passed to children of the child.
+
+##### RETURNS: 
+* `vjs.Component` The child component (created by this process if a string was used)
+
+_inherited from_: [src/js/component.js#L343](https://github.com/videojs/video.js/blob/master/src/js/component.js#L343)
+
+---
+
+### addClass( classToAdd )
+> Add a CSS class name to the component's element
+
+##### PARAMETERS: 
+* __classToAdd__ `String` Classname to add
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L628](https://github.com/videojs/video.js/blob/master/src/js/component.js#L628)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+_inherited from_: [src/js/menu.js#L157](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L157)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L277](https://github.com/videojs/video.js/blob/master/src/js/component.js#L277)
+
+---
+
+### contentEl()
+> Return the component's DOM element for embedding content.
+> Will either be el_ or a new element defined in createEl.
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L220](https://github.com/videojs/video.js/blob/master/src/js/component.js#L220)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L190](https://github.com/videojs/video.js/blob/master/src/js/component.js#L190)
+
+---
+
+### createItems()
+> Create the list of menu items. Specific to each subclass.
+
+_inherited from_: [src/js/menu.js#L154](https://github.com/videojs/video.js/blob/master/src/js/menu.js#L154)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L737](https://github.com/videojs/video.js/blob/master/src/js/component.js#L737)
+
+---
+
+### disable()
+> Disable component by making it unshowable
+
+_inherited from_: [src/js/component.js#L691](https://github.com/videojs/video.js/blob/master/src/js/component.js#L691)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L74](https://github.com/videojs/video.js/blob/master/src/js/component.js#L74)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L201](https://github.com/videojs/video.js/blob/master/src/js/component.js#L201)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L311](https://github.com/videojs/video.js/blob/master/src/js/component.js#L311)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L294](https://github.com/videojs/video.js/blob/master/src/js/component.js#L294)
+
+---
+
+### height( [num], [skipListeners] )
+> Get or set the height of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ New component height
+* __skipListeners__ `Boolean` _(OPTIONAL)_ Skip the resize event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the height
+* `Number|String` The height, when getting
+
+_inherited from_: [src/js/component.js#L726](https://github.com/videojs/video.js/blob/master/src/js/component.js#L726)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L659](https://github.com/videojs/video.js/blob/master/src/js/component.js#L659)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L239](https://github.com/videojs/video.js/blob/master/src/js/component.js#L239)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/volume-menu-button.js#L7](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-menu-button.js#L7)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L439](https://github.com/videojs/video.js/blob/master/src/js/component.js#L439)
+
+---
+
+### name()
+> Get the component's name. The name is often used to reference the component.
+> 
+>     var name = myComponent.name();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L258](https://github.com/videojs/video.js/blob/master/src/js/component.js#L258)
+
+---
+
+### off( [type], [fn] )
+> Remove an event listener from the component's element
+> 
+>     myComponent.off("eventName", myFunc);
+
+##### PARAMETERS: 
+* __type__ `String` _(OPTIONAL)_ Event type. Without type it will remove all listeners.
+* __fn__ `Function` _(OPTIONAL)_ Event listener. Without fn it will remove all listeners for a type.
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L510](https://github.com/videojs/video.js/blob/master/src/js/component.js#L510)
+
+---
+
+### on( type, fn )
+> Add an event listener to this component's element
+> 
+>     var myFunc = function(){
+>       var myPlayer = this;
+>       // Do something when the event is fired
+>     };
+> 
+>     myPlayer.on("eventName", myFunc);
+> 
+> The context will be the component.
+
+##### PARAMETERS: 
+* __type__ `String` The event type e.g. 'click'
+* __fn__ `Function` The event listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L496](https://github.com/videojs/video.js/blob/master/src/js/component.js#L496)
+
+---
+
+### one( type, fn )
+> Add an event listener to be triggered only once and then removed
+
+##### PARAMETERS: 
+* __type__ `String` Event type
+* __fn__ `Function` Event listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L522](https://github.com/videojs/video.js/blob/master/src/js/component.js#L522)
+
+---
+
+### options( obj )
+> Deep merge of options objects
+> 
+> Whenever a property is an object on both options objects
+> the two properties will be merged using vjs.obj.deepMerge.
+> 
+> This is used for merging options for child components. We
+> want it to be easy to override individual options on a child
+> component without having to rewrite all the other default options.
+> 
+>     Parent.prototype.options_ = {
+>       children: {
+>         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+>         'childTwo': {},
+>         'childThree': {}
+>       }
+>     }
+>     newOptions = {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'abc': '123' }
+>         'childTwo': null,
+>         'childFour': {}
+>       }
+>     }
+> 
+>     this.options(newOptions);
+> 
+> RESULT
+> 
+>     {
+>       children: {
+>         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+>         'childTwo': null, // Disabled. Won't be initialized.
+>         'childThree': {},
+>         'childFour': {}
+>       }
+>     }
+
+##### PARAMETERS: 
+* __obj__ `Object` Object of new option values
+
+##### RETURNS: 
+* `Object` A NEW object of this.options_ and obj merged
+
+_inherited from_: [src/js/component.js#L169](https://github.com/videojs/video.js/blob/master/src/js/component.js#L169)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L116](https://github.com/videojs/video.js/blob/master/src/js/component.js#L116)
+
+---
+
+### ready( fn )
+> Bind a listener to the component's ready state
+> 
+> Different from event listeners in that if the ready event has already happend
+> it will trigger the function immediately.
+
+##### PARAMETERS: 
+* __fn__ `Function` Ready listener
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L581](https://github.com/videojs/video.js/blob/master/src/js/component.js#L581)
+
+---
+
+### removeChild( component )
+> Remove a child component from this component's list of children, and the
+> child component's element from this component's element
+
+##### PARAMETERS: 
+* __component__ `vjs.Component` Component to remove
+
+_inherited from_: [src/js/component.js#L401](https://github.com/videojs/video.js/blob/master/src/js/component.js#L401)
+
+---
+
+### removeClass( classToRemove )
+> Remove a CSS class name from the component's element
+
+##### PARAMETERS: 
+* __classToRemove__ `String` Classname to remove
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L639](https://github.com/videojs/video.js/blob/master/src/js/component.js#L639)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L649](https://github.com/videojs/video.js/blob/master/src/js/component.js#L649)
+
+---
+
+### trigger( type, event )
+> Trigger an event on an element
+> 
+>     myComponent.trigger('eventName');
+
+##### PARAMETERS: 
+* __type__ `String` The event type to trigger, e.g. 'click'
+* __event__ `Event|Object` The event object to be passed to the listener
+
+##### RETURNS: 
+* `vjs.Component` self
+
+_inherited from_: [src/js/component.js#L536](https://github.com/videojs/video.js/blob/master/src/js/component.js#L536)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L600](https://github.com/videojs/video.js/blob/master/src/js/component.js#L600)
+
+---
+
+### width( [num], skipListeners )
+> Set or get the width of the component (CSS values)
+> 
+> Setting the video tag dimension values only works with values in pixels.
+> Percent values will not work.
+> Some percents can be used, but width()/height() will return the number + %,
+> not the actual computed width/height.
+
+##### PARAMETERS: 
+* __num__ `Number|String` _(OPTIONAL)_ Optional width number
+* __skipListeners__ `Boolean` Skip the 'resize' event trigger
+
+##### RETURNS: 
+* `vjs.Component` This component, when setting the width
+* `Number|String` The width, when getting
+
+_inherited from_: [src/js/component.js#L709](https://github.com/videojs/video.js/blob/master/src/js/component.js#L709)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L816](https://github.com/videojs/video.js/blob/master/src/js/component.js#L816)
+
+---
+

docs/api/vjs.md

@@ -0,0 +1,108 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs
+
+__DEFINED IN__: [src/js/core.js#L26](https://github.com/videojs/video.js/blob/master/src/js/core.js#L26)  
+
+Doubles as the main function for users to create a player instance and also
+the main library object.
+
+**ALIASES** videojs, _V_ (deprecated)
+
+The `vjs` function can be used to initialize or retrieve a player.
+
+    var myPlayer = vjs('my_video_id');
+
+---
+
+## INDEX
+
+- [PROPERTIES](#properties)
+  - [options](#options)
+  - [players](#players)
+
+- CLASSES
+  - [BigPlayButton](vjs.BigPlayButton.md)
+  - [Button](vjs.Button.md)
+  - [CaptionsButton](vjs.CaptionsButton.md)
+  - [CaptionsTrack](vjs.CaptionsTrack.md)
+  - [ChaptersButton](vjs.ChaptersButton.md)
+  - [ChaptersTrack](vjs.ChaptersTrack.md)
+  - [ChaptersTrackMenuItem](vjs.ChaptersTrackMenuItem.md)
+  - [Component](vjs.Component.md)
+  - [ControlBar](vjs.ControlBar.md)
+  - [CoreObject](vjs.CoreObject.md)
+  - [CurrentTimeDisplay](vjs.CurrentTimeDisplay.md)
+  - [DurationDisplay](vjs.DurationDisplay.md)
+  - [Flash](vjs.Flash.md)
+  - [FullscreenToggle](vjs.FullscreenToggle.md)
+  - [Html5](vjs.Html5.md)
+  - [LoadProgressBar](vjs.LoadProgressBar.md)
+  - [LoadingSpinner](vjs.LoadingSpinner.md)
+  - [MediaLoader](vjs.MediaLoader.md)
+  - [MediaTechController](vjs.MediaTechController.md)
+  - [Menu](vjs.Menu.md)
+  - [MenuButton](vjs.MenuButton.md)
+  - [MenuItem](vjs.MenuItem.md)
+  - [MuteToggle](vjs.MuteToggle.md)
+  - [OffTextTrackMenuItem](vjs.OffTextTrackMenuItem.md)
+  - [PlayProgressBar](vjs.PlayProgressBar.md)
+  - [PlayToggle](vjs.PlayToggle.md)
+  - [Player](vjs.Player.md)
+  - [PosterImage](vjs.PosterImage.md)
+  - [ProgressControl](vjs.ProgressControl.md)
+  - [RemainingTimeDisplay](vjs.RemainingTimeDisplay.md)
+  - [SeekBar](vjs.SeekBar.md)
+  - [SeekHandle](vjs.SeekHandle.md)
+  - [Slider](vjs.Slider.md)
+  - [SliderHandle](vjs.SliderHandle.md)
+  - [SubtitlesButton](vjs.SubtitlesButton.md)
+  - [SubtitlesTrack](vjs.SubtitlesTrack.md)
+  - [TextTrack](vjs.TextTrack.md)
+  - [TextTrackButton](vjs.TextTrackButton.md)
+  - [TextTrackDisplay](vjs.TextTrackDisplay.md)
+  - [TextTrackMenuItem](vjs.TextTrackMenuItem.md)
+  - [TimeDivider](vjs.TimeDivider.md)
+  - [VolumeBar](vjs.VolumeBar.md)
+  - [VolumeControl](vjs.VolumeControl.md)
+  - [VolumeHandle](vjs.VolumeHandle.md)
+  - [VolumeLevel](vjs.VolumeLevel.md)
+  - [VolumeMenuButton](vjs.VolumeMenuButton.md)
+
+- [METHODS](#methods)
+  - [plugin](#plugin-name-init-)
+
+---
+
+## PROPERTIES
+
+### options
+> Global Player instance options, surfaced from vjs.Player.prototype.options_
+> vjs.options = vjs.Player.prototype.options_
+> All options should use string keys so they avoid
+> renaming by closure compiler
+
+_defined in_: [src/js/core.js#L77](https://github.com/videojs/video.js/blob/master/src/js/core.js#L77)
+
+---
+
+### players
+> Global player list
+
+_defined in_: [src/js/core.js#L118](https://github.com/videojs/video.js/blob/master/src/js/core.js#L118)
+
+---
+
+## METHODS
+
+### plugin( name, init )
+> the method for registering a video.js plugin
+
+##### PARAMETERS: 
+* __name__ `String` The name of the plugin
+* __init__ `Function` The function that is run when the player inits
+
+_defined in_: [src/js/plugins.js#L7](https://github.com/videojs/video.js/blob/master/src/js/plugins.js#L7)
+
+---
+

docs/api/vjs.media.md

@@ -0,0 +1,23 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.media
+
+
+---
+
+## INDEX
+
+- [UNDEFINED](#undefined)
+  - [ApiMethods](#apimethods)
+
+---
+
+## UNDEFINED
+
+### ApiMethods
+> List of default API methods for any MediaTechController
+
+_defined in_: [src/js/media/media.js#L174](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L174)
+
+---
+

docs/guides/api.md

@@ -0,0 +1,44 @@
+API
+===
+
+The Video.js API allows you to interact with the video through JavaScript, whether the browser is playing the video through HTML5 video, Flash, or any other supported playback technologies.
+
+Referencing the Player
+----------------------
+To use the API functions, you need access to the player object. Luckily this is easy to get. You just need to make sure your video tag has an ID. The example embed code has an ID of "example\_video_1". If you have multiple videos on one page, make sure every video tag has a unique ID.
+
+```js
+var myPlayer = videojs('example_video_1');
+```
+
+(If the player hasn't been initialized yet via the data-setup attribute or another method, this will also initialize the player.)
+
+Wait Until the Player is Ready
+------------------------------
+The time it takes Video.js to set up the video and API will vary depending on the playback technology being used (HTML5 will often be much faster to load than Flash). For that reason we want to use the player's 'ready' function to trigger any code that requires the player's API.
+
+```javascript
+videojs("example_video_1").ready(function(){
+  var myPlayer = this;
+
+  // EXAMPLE: Start playing the video.
+  myPlayer.play();
+
+});
+```
+
+API Methods
+-----------
+Now that you have access to a ready player, you can control the video, get values, or respond to video events. The Video.js API function names follow the [HTML5 media API](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html). The main difference is that getter/setter functions are used for video properties.
+
+```js
+
+// setting a property on a bare HTML5 video element
+myVideoElement.currentTime = "120";
+
+// setting a property on a Video.js player
+myPlayer.currentTime(120);
+
+```
+
+The full list of player API methods and events can be found in the [player API docs](../api/vjs.Player.md).

docs/guides/components.md

@@ -3,13 +3,11 @@ Components
 The Video.js player is built on top of a simple, custom UI components architecture. The player class and all control classes inherit from the Component class, or a subclass of Component.
 
 ```js
-videojs.Control = videojs.Component.extend({});
-videojs.Button = videojs.Control.extend({});
-videojs.PlayToggle = videojs.Button.extend({});
+videojs.Control = videojs.Component.extend();
+videojs.Button = videojs.Control.extend();
+videojs.PlayToggle = videojs.Button.extend();
 ```
 
-(The Class interface itself is provided using John Resig's [simple class inheritance](http://ejohn.org/blog/simple-javascript-inheritance/) also found in [JSNinja](http://jsninja.com).
-
 The UI component architecture makes it easier to add child components to a parent component and build up an entire user interface, like the controls for the Video.js player.
 
 ```js
@@ -59,33 +57,3 @@ Player
                 VolumeHandle
         MuteToggle
 ```
-
-Component Methods
------------------
-
-### addChild() ###
-Add a child component to myComponent. This will also insert the child component's DOM element into myComponent's element.
-
-
-
-```js
-myComponent.addChild('');
-```
-
-
-myPlayer.addChild('BigPlayButton');
-myPlayer.removeChild('BigPlayButton');
-myPlayer.getChild('BiPlayButton');
-myPlayer.children();
-
-
-myPlayer.getChildById('biPlayButton');
-myPlayer.removeChildById('my-player-big-play-button');
-
-el();
-getContentEl();
-getChildren();
-
-getParent();
-
-#home_player_big-play-button

docs/guides/setup.md

@@ -10,17 +10,25 @@ You can download the Video.js source and host it on your own servers, or use the
 
 > NOTE: If you're already using an HTML5 shiv like [Modernizr](http://modernizr.com/) you can include the Video.js JavaScript anywhere, however make sure your version of Modernizr includes the shiv for video.
 
+> If you're not using something like Modernizr but still want to include Video.JS before the closing body tag, you can add your own shiv. Include this in the head of your document:
+
+> ```html
+<script type="text/javascript">
+  document.createElement('video');document.createElement('audio');
+</script>
+```
+
 ### CDN Version ###
 ```html
-<link href="http://vjs.zencdn.net/4.0/video-js.css" rel="stylesheet">
-<script src="http://vjs.zencdn.net/4.0/video.js"></script>
+<link href="//vjs.zencdn.net/4.2/video-js.css" rel="stylesheet">
+<script src="//vjs.zencdn.net/4.2/video.js"></script>
 ```
 
 ### Self Hosted. ###
 With the self hosted option you'll also want to update the location of the video-js.swf file.
 ```html
-<link href="http://example.com/path/to/video-js.css" rel="stylesheet">
-<script src="http://example.com/path/to/video.js"></script>
+<link href="//example.com/path/to/video-js.css" rel="stylesheet">
+<script src="//example.com/path/to/video.js"></script>
 <script>
   videojs.options.flash.swf = "http://example.com/path/to/video-js.swf"
 </script>
@@ -52,6 +60,16 @@ Otherwise include/exclude attributes, settings, sources, and tracks exactly as y
 </video>
 ```
 
+By default, the big play button is located in the upper left hand corner so it doesn't cover up the interesting parts of the poster. If you'd prefer to center the big play button, you can add an additional `vjs-big-play-centered` class to your video element. For example:
+
+```html
+<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
+  controls preload="auto" width="640" height="264"
+  poster="http://video-js.zencoder.com/oceans-clip.png"
+  data-setup='{"example_option":true}'>
+  ...
+</video>
+```
 
 Alternative Setup for Dynamically Loaded HTML
 ---------------------------------------------

docs/guides/skins.md

@@ -0,0 +1,28 @@
+Skins
+=====
+
+The default Video.js skin is made using HTML and CSS, so there's no need to learn a complicated skinning language to update colors or even create an entirely new skin.
+
+## Icons
+
+New in version 4.0 is the use of font icons. All of the icons (play, pause, etc.) use the new custom font, which allows the icons to be scaled and colored just like any other text font.
+
+All of the icons are available as variables in the [LESS](https://github.com/videojs/video.js/blob/master/src/css/video-js.less#L87-L99) source, making it easy to replace icons (such as the loading spinner). The easiest way to try this out is by using the [player skin designer](http://designer.videojs.com/).
+
+![available icons](https://i.cloudup.com/wb51GGDDnJ.png)
+
+## Customization
+
+When you create a new skin, you can either override styles in the default skin:
+
+```css
+.vjs-default-skin .vjs-play-progress { background: #900; }
+```
+
+Or remove the 'vjs-default-skin' class from the video tag and create a new skin from scratch.
+
+```html
+<video class="video-js my-custom-skin" ...>
+```
+
+More custom skins will be available for download soon. If you have one you like you can share it by forking [this example on CodePen.io](http://codepen.io/heff/pen/EarCt), and adding a link on the [Skins wiki page](https://github.com/videojs/video.js/wiki/Skins).

docs/guides/tech.md

@@ -49,34 +49,20 @@ When adding additional Tech to a video player, make sure to add the supported te
       techOrder: ["html5", "flash", "other supported tech"]
     });
 
-Youtube Technology
+Flash Technology
 ==================
-To add a youtube source to your video tag, use the following source:
+The Flash playback tech is a part of the default `techOrder`. You may notice undesirable playback behavior in browsers that are subject to using this playback tech, in particular when scrubbing and seeking within a video. This behavior is a result of Flash's progressive video playback.
 
-    <source src="http://www.youtube.com/watch?v=[ytVideoId]" type="video/youtube"
+Enabling Streaming Playback
+--------------------------------
+In order to force the Flash tech to choose streaming playback, you need to provide a valid streaming source **before other valid Flash video sources**. This is necessary because of the source selection algorithm, where playback tech chooses the first possible source object with a valid type. Valid streaming `type` values include `rtmp/mp4` and `rtmp/flv`. The streaming `src` value requires valid connection and stream strings, separated by an `&`. An example of supplying a streaming source through your HTML markup might look like:
 
-Important Note:
-------------------
-> You can simply copy and paste the url of the youtube page from the browser and
-> the Youtube Tech will be able to find the video id by itself. This is just the
-> minimum needed to get the video working. (Useful for data storage)
+    <source src="rtmp://your.streaming.provider.net/cfx/st/&mp4:path/to/video.mp4" type="rtmp/mp4">
+    <source src="http://your.static.provider.net/path/to/video.mp4" type="video/mp4">
+    <source src="http://your.static.provider.net/path/to/video.webm" type="video/webm">
 
+You may optionally use the last `/` as the separator between connection and stream strings, for example:
 
-Youtube Technology - Extra Options
-----------------------------------
+    <source src="rtmp://your.streaming.provider.net/cfx/st/mp4:video.mp4" type="rtmp/mp4">
 
-In Addition to the natively supported options, the Youtube API supports the following
-added options:
-
-### ytcontrols ###
-Type: Boolean (T/F)
-Default: False
-
-Determines whether to show Youtube's basic Red/Black default play bar skin or to hide
-it and use the native video-js play bar.
-
-### hd ###
-Type: Boolean (T/F)
-Default: False
-
-Determines whether or not to play back the video in HD.
+All four RTMP protocols are valid in the `src` (RTMP, RTMPT, RTMPE, and RTMPS).

docs/index.md

@@ -2,26 +2,34 @@
 
 <h1>Video.js Documentation</h1>
 
-The Video.js documentation is here to help you setup and use the player. These docs can be found and contributed to in the [Video.js library repository](https://github.com/zencoder/video-js/tree/master/docs).
+There are two categories of docs: [Guides](./guides/) and [API docs](./api/). Guides explain general topics and use cases (e.g. setup). API docs are automatically generated from the codebase and give specific details about functions, properties, and events.
 
-## Getting Started
+(Corrections and additions welcome)
 
-* [Setup](setup.md) - Check out the [5 second setup](http://videojs.com/#section5) if you're just getting started. The setup documentation gives a deeper view of the additional methods you can use to trigger the player setup.
+## Guides
 
-* [Options](options.md) - There are a number of options that can be used to change how the player behaves, starting with the HTML5 media options like autoplay and preload, and expanding to Video.JS specific options.
+### Getting Started
 
-* [Tracks](tracks.md) - Text Tracks are used to display subtitles and captions, and add a menu for navigating between chapters in a video.
+* [Setup](./guides/setup.md) - Check out the [5 second setup](http://videojs.com/#section5) if you're just getting started. The setup documentation gives a deeper view of the additional methods you can use to trigger the player setup.
 
-## Customizing
+* [Options](./guides/options.md) - There are a number of options that can be used to change how the player behaves, starting with the HTML5 media options like autoplay and preload, and expanding to Video.JS specific options.
 
-* [API](api.md) - The Video.js API allows you to control the video through javascript or trigger event listeners, whether the video is playing through HTML5, flash, or another playback technology.
+* [Tracks](./guides/tracks.md) - Text Tracks are used to display subtitles and captions, and add a menu for navigating between chapters in a video.
 
-* [Skins](skins.md) - You can change the look of the player across playback technologies just by editing a CSS file. The skins documentation gives you a intro to how the HTML and CSS of the default skin is put together.
+### Customizing
 
-* [Tech](tech.md) - A 'playback technology' is the term we're using to represent HTML5 video, Flash, and other video plugins, as well as other players like the YouTube player. Basically anything that has a unique API to audio or video. Additional playback technologies can be added relatively easily.
+* [API](./guides/api.md) - The Video.js API allows you to control the video through javascript or trigger event listeners, whether the video is playing through HTML5, flash, or another playback technology.
 
-* [Plugins](plugins.md) - You can package up interesting Video.js customizations and reuse them elsewhere. Find out how to build your own plugin or use one created by someone else.
+* [Skins](./guides/skins.md) - You can change the look of the player across playback technologies just by editing a CSS file. The skins documentation gives you a intro to how the HTML and CSS of the default skin is put together.
 
-## Resources
+* [Tech](./guides/tech.md) - A 'playback technology' is the term we're using to represent HTML5 video, Flash, and other video plugins, as well as other players like the YouTube player. Basically anything that has a unique API to audio or video. Additional playback technologies can be added relatively easily.
 
-* [Glossary](glossary.md) - Some helpful definitions.
+* [Plugins](./guides/plugins.md) - You can package up interesting Video.js customizations and reuse them elsewhere. Find out how to build your own plugin or use one created by someone else.
+
+### Resources
+
+* [Glossary](./guides/glossary.md) - Some helpful definitions.
+
+## API Docs
+- The most relevant API doc is the [player API doc](./api/vjs.Player.md).
+- [Full list of API Docs](./api/)

docs/skins.md

@@ -1,21 +0,0 @@
-Skins
-=====
-
-The default Video.js skin is made using HTML and CSS, so there's no need to learn a complicated skinning language to update colors or even create an entirely new skin. New in version 3.0 is the use of a sprites image file (video-js.png). The image allows for a little bit more classy design, as well as compatibility with older versions of IE now that the HTML skin also shows when Flash is used for those browsers.
-
-You can view the uncompressed CSS for the default skin by downloading the latest version of Video.js or viewing [the source version](https://github.com/videojs/video.js/blob/master/src/css/video-js.css) on Github.
-
-You can either override styles in the default skin:
-
-```css
-.vjs-default-skin .vjs-play-progress { background: #900; }
-```
-
-Or remove the 'vjs-default-skin' class from the video tag and create your own skin.
-
-```html
-<video class="video-js my-custom-skin" ...>
-```
-
-More custom skins will be available for download soon. If you have one you'd like to contribute back, please email it to skins at videojs.
-

package.json

@@ -1,7 +1,7 @@
 {
   "name": "video.js",
   "description": "An HTML5 and Flash video player with a common API and skin for both.",
-  "version": "4.1.0",
+  "version": "4.3.0-10",
   "copyright": "Copyright 2013 Brightcove, Inc. https://github.com/videojs/video.js/blob/master/LICENSE",
   "keywords": [
     "html5",
@@ -32,7 +32,12 @@
     "grunt-s3": "~0.2.0-alpha",
     "semver": "~1.1.4",
     "grunt-contrib-cssmin": "~0.6.0",
-    "uglify-js": "~2.3.6"
+    "uglify-js": "~2.3.6",
+    "grunt-contrib-less": "~0.6.4",
+    "grunt-karma": "~0.4.4",
+    "karma-qunit": "~0.0.2",
+    "videojs-doc-generator": "0.0.1",
+    "qunitjs": "~1.12.0"
   },
   "testling": {
     "browsers": [

sandbox/index.html.example

@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <title>Video.js Sandbox</title>
 
-  <link href="../src/css/video-js.css" rel="stylesheet" type="text/css">
+  <link href="../build/files/video-js.css" rel="stylesheet" type="text/css">
 
   <!-- LOAD VIDEO.JS SOURCE FILES IN ORDER -->
   <script src="../build/source-loader.js"></script>

sandbox/plugin.html.example

@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <title>Video.js Plugin Example</title>
 
-  <link href="../src/css/video-js.css" rel="stylesheet" type="text/css">
+  <link href="../build/files/video-js.css" rel="stylesheet" type="text/css">
 
   <!-- LOAD VIDEO.JS SOURCE FILES IN ORDER -->
   <script src="../build/source-loader.js"></script>

src/css/font/vjs.svg

@@ -9,32 +9,57 @@ This is a custom SVG font generated by IcoMoon.
 <font id="VideoJS" horiz-adv-x="512" >
 <font-face units-per-em="512" ascent="480" descent="-32" />
 <missing-glyph horiz-adv-x="512" />
-<glyph unicode="&#xe000;" d="M 512.00,480.00 L 512.00,272.00 L 432.00,352.00 L 336.00,256.00 L 288.00,304.00 L 384.00,400.00 L 304.00,480.00 ZM 224.00,144.00 L 128.00,48.00 L 208.00-32.00 L 0.00-32.00 L 0.00,176.00 L 80.00,96.00 L 176.00,192.00 Z"  />
-<glyph unicode="&#xe001;" d="M 96.00,416.00L 416.00,224.00L 96.00,32.00 z"  />
-<glyph unicode="&#xe002;" d="M 64.00,416.00L 224.00,416.00L 224.00,32.00L 64.00,32.00zM 288.00,416.00L 448.00,416.00L 448.00,32.00L 288.00,32.00z"  />
-<glyph unicode="&#xe003;" d="M 200.666,440.666 C 213.50,453.50 224.00,449.15 224.00,431.00 L 224.00,17.00 C 224.00-1.15 213.50-5.499 200.666,7.335 L 80.00,128.00 L 0.00,128.00 L 0.00,320.00 L 80.00,320.00 L 200.666,440.666 Z"  />
-<glyph unicode="&#xe004;" d="M 274.51,109.49c-6.143,0.00-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0.00,33.941
-		c 40.55,40.55, 40.55,106.529,0.00,147.078c-9.373,9.373-9.373,24.569,0.00,33.941c 9.373,9.372, 24.568,9.372, 33.941,0.00
-		c 59.265-59.265, 59.265-155.696,0.00-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.50,453.50 224.00,449.15 224.00,431.00 L 224.00,17.00 C 224.00-1.15 213.50-5.499 200.666,7.335 L 80.00,128.00 L 0.00,128.00 L 0.00,320.00 L 80.00,320.00 L 200.666,440.666 Z"  />
-<glyph unicode="&#xe005;" d="M 359.765,64.235c-6.143,0.00-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0.00,33.941
-		c 65.503,65.503, 65.503,172.085,0.00,237.588c-9.372,9.373-9.372,24.569,0.00,33.941c 9.372,9.371, 24.569,9.372, 33.941,0.00
-		C 417.532,335.938, 440.00,281.696, 440.00,224.00c0.00-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0.00-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0.00,33.941
-		c 40.55,40.55, 40.55,106.529,0.00,147.078c-9.373,9.373-9.373,24.569,0.00,33.941c 9.373,9.372, 24.568,9.372, 33.941,0.00
-		c 59.265-59.265, 59.265-155.696,0.00-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.50,453.50 224.00,449.15 224.00,431.00 L 224.00,17.00 C 224.00-1.15 213.50-5.499 200.666,7.335 L 80.00,128.00 L 0.00,128.00 L 0.00,320.00 L 80.00,320.00 L 200.666,440.666 Z"  />
-<glyph unicode="&#xe006;" d="M 445.02,18.98c-6.143,0.00-12.284,2.343-16.971,7.029c-9.372,9.373-9.372,24.568,0.00,33.941
-		C 471.868,103.771, 496.001,162.03, 496.001,224.00c0.00,61.969-24.133,120.229-67.952,164.049c-9.372,9.373-9.372,24.569,0.00,33.941
-		c 9.372,9.372, 24.569,9.372, 33.941,0.00c 52.885-52.886, 82.011-123.20, 82.011-197.99c0.00-74.791-29.126-145.104-82.011-197.99
-		C 457.304,21.323, 451.162,18.98, 445.02,18.98zM 359.765,64.235c-6.143,0.00-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0.00,33.941
-		c 65.503,65.503, 65.503,172.085,0.00,237.588c-9.372,9.373-9.372,24.569,0.00,33.941c 9.372,9.371, 24.569,9.372, 33.941,0.00
-		C 417.532,335.938, 440.00,281.696, 440.00,224.00c0.00-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0.00-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0.00,33.941
-		c 40.55,40.55, 40.55,106.529,0.00,147.078c-9.373,9.373-9.373,24.569,0.00,33.941c 9.373,9.372, 24.568,9.372, 33.941,0.00
-		c 59.265-59.265, 59.265-155.696,0.00-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.50,453.50 224.00,449.15 224.00,431.00 L 224.00,17.00 C 224.00-1.15 213.50-5.499 200.666,7.335 L 80.00,128.00 L 0.00,128.00 L 0.00,320.00 L 80.00,320.00 L 200.666,440.666 Z" horiz-adv-x="544"  />
-<glyph unicode="&#xe007;" d="M 256.00,480.00L 96.00,224.00L 256.00-32.00L 416.00,224.00 z"  />
-<glyph unicode="&#xe008;" d="M 0.00,480.00 L 687.158,480.00 L 687.158-35.207 L 0.00-35.207 L 0.00,480.00 z M 622.731,224.638 C 621.878,314.664 618.46,353.922 597.131,381.656 C 593.291,387.629 586.038,391.042 580.065,395.304 C 559.158,410.669 460.593,416.211 346.247,416.211 C 231.896,416.211 128.642,410.669 108.162,395.304 C 101.762,391.042 94.504,387.629 90.242,381.656 C 69.331,353.922 66.349,314.664 65.069,224.638 C 66.349,134.607 69.331,95.353 90.242,67.62 C 94.504,61.22 101.762,58.233 108.162,53.967 C 128.642,38.18 231.896,33.06 346.247,32.207 C 460.593,33.06 559.158,38.18 580.065,53.967 C 586.038,58.233 593.291,61.22 597.131,67.62 C 618.46,95.353 621.878,134.607 622.731,224.638 z M 331.179,247.952 C 325.389,318.401 287.924,359.905 220.901,359.905 C 159.672,359.905 111.54,304.689 111.54,215.965 C 111.54,126.859 155.405,71.267 227.907,71.267 C 285.79,71.267 326.306,113.916 332.701,184.742 L 263.55,184.742 C 260.81,158.468 249.843,138.285 226.69,138.285 C 190.136,138.285 183.435,174.462 183.435,212.92 C 183.435,265.854 198.665,292.886 223.951,292.886 C 246.492,292.886 260.81,276.511 262.939,247.952 L 331.179,247.952 z M 570.013,247.952 C 564.228,318.401 526.758,359.905 459.74,359.905 C 398.507,359.905 350.379,304.689 350.379,215.965 C 350.379,126.859 394.244,71.267 466.746,71.267 C 524.625,71.267 565.14,113.916 571.536,184.742 L 502.384,184.742 C 499.649,158.468 488.682,138.285 465.529,138.285 C 428.971,138.285 422.27,174.462 422.27,212.92 C 422.27,265.854 437.504,292.886 462.785,292.886 C 485.327,292.886 499.649,276.511 501.778,247.952 L 570.013,247.952 z " horiz-adv-x="687.1578947368421"  />
-<glyph unicode="&#xe009;" d="M 64.00,416.00L 448.00,416.00L 448.00,32.00L 64.00,32.00z"  />
-<glyph unicode="&#xe00a;" d="M 192.00,416.00A64.00,64.00 12780.00 1 1 320.00,416A64.00,64.00 12780.00 1 1 192.00,416zM 327.765,359.765A64.00,64.00 12780.00 1 1 455.765,359.765A64.00,64.00 12780.00 1 1 327.765,359.765zM 416.00,224.00A32.00,32.00 12780.00 1 1 480.00,224A32.00,32.00 12780.00 1 1 416.00,224zM 359.765,88.235A32.00,32.00 12780.00 1 1 423.765,88.23500000000001A32.00,32.00 12780.00 1 1 359.765,88.23500000000001zM 224.001,32.00A32.00,32.00 12780.00 1 1 288.001,32A32.00,32.00 12780.00 1 1 224.001,32zM 88.236,88.235A32.00,32.00 12780.00 1 1 152.236,88.23500000000001A32.00,32.00 12780.00 1 1 88.236,88.23500000000001zM 72.236,359.765A48.00,48.00 12780.00 1 1 168.236,359.765A48.00,48.00 12780.00 1 1 72.236,359.765zM 28.00,224.00A36.00,36.00 12780.00 1 1 100.00,224A36.00,36.00 12780.00 1 1 28.00,224z"  />
-<glyph unicode="&#xe00b;" d="M 224.00,192.00 L 224.00-16.00 L 144.00,64.00 L 48.00-32.00 L 0.00,16.00 L 96.00,112.00 L 16.00,192.00 ZM 512.00,432.00 L 416.00,336.00 L 496.00,256.00 L 288.00,256.00 L 288.00,464.00 L 368.00,384.00 L 464.00,480.00 Z"  />
-<glyph unicode="&#xe00c;" d="M 256.00,448.00 C 397.385,448.00 512.00,354.875 512.00,240.00 C 512.00,125.124 397.385,32.00 256.00,32.00 C 242.422,32.00 229.095,32.867 216.088,34.522 C 161.099-20.467 95.463-30.328 32.00-31.776 L 32.00-18.318 C 66.268-1.529 96.00,29.052 96.00,64.00 C 96.00,68.877 95.621,73.665 94.918,78.348 C 37.02,116.48 0.00,174.725 0.00,240.00 C 0.00,354.875 114.615,448.00 256.00,448.00 Z"  />
-<glyph unicode="&#x20;" horiz-adv-x="256" />
 <glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+<glyph unicode="&#xe002;" d="M 64,416L 224,416L 224,32L 64,32zM 288,416L 448,416L 448,32L 288,32z"  />
+<glyph unicode="&#xe003;" d="M 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe004;" d="M 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe005;" d="M 359.765,64.235c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0,33.941
+		c 65.503,65.503, 65.503,172.085,0,237.588c-9.372,9.373-9.372,24.569,0,33.941c 9.372,9.371, 24.569,9.372, 33.941,0
+		C 417.532,335.938, 440,281.696, 440,224c0-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z"  />
+<glyph unicode="&#xe006;" d="M 445.020,18.98c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.373-9.372,24.568,0,33.941
+		C 471.868,103.771, 496.001,162.030, 496.001,224c0,61.969-24.133,120.229-67.952,164.049c-9.372,9.373-9.372,24.569,0,33.941
+		c 9.372,9.372, 24.569,9.372, 33.941,0c 52.885-52.886, 82.011-123.2, 82.011-197.99c0-74.791-29.126-145.104-82.011-197.99
+		C 457.304,21.323, 451.162,18.98, 445.020,18.98zM 359.765,64.235c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0,33.941
+		c 65.503,65.503, 65.503,172.085,0,237.588c-9.372,9.373-9.372,24.569,0,33.941c 9.372,9.371, 24.569,9.372, 33.941,0
+		C 417.532,335.938, 440,281.696, 440,224c0-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z" horiz-adv-x="544"  />
+<glyph unicode="&#xe007;" d="M 256,480L 96,224L 256-32L 416,224 z"  />
+<glyph unicode="&#xe008;" d="M 0,480 L 687.158,480 L 687.158-35.207 L 0-35.207 L 0,480 z M 622.731,224.638 C 621.878,314.664 618.46,353.922 597.131,381.656 C 593.291,387.629 586.038,391.042 580.065,395.304 C 559.158,410.669 460.593,416.211 346.247,416.211 C 231.896,416.211 128.642,410.669 108.162,395.304 C 101.762,391.042 94.504,387.629 90.242,381.656 C 69.331,353.922 66.349,314.664 65.069,224.638 C 66.349,134.607 69.331,95.353 90.242,67.62 C 94.504,61.22 101.762,58.233 108.162,53.967 C 128.642,38.18 231.896,33.060 346.247,32.207 C 460.593,33.060 559.158,38.18 580.065,53.967 C 586.038,58.233 593.291,61.22 597.131,67.62 C 618.46,95.353 621.878,134.607 622.731,224.638 z M 331.179,247.952 C 325.389,318.401 287.924,359.905 220.901,359.905 C 159.672,359.905 111.54,304.689 111.54,215.965 C 111.54,126.859 155.405,71.267 227.907,71.267 C 285.79,71.267 326.306,113.916 332.701,184.742 L 263.55,184.742 C 260.81,158.468 249.843,138.285 226.69,138.285 C 190.136,138.285 183.435,174.462 183.435,212.92 C 183.435,265.854 198.665,292.886 223.951,292.886 C 246.492,292.886 260.81,276.511 262.939,247.952 L 331.179,247.952 z M 570.013,247.952 C 564.228,318.401 526.758,359.905 459.74,359.905 C 398.507,359.905 350.379,304.689 350.379,215.965 C 350.379,126.859 394.244,71.267 466.746,71.267 C 524.625,71.267 565.14,113.916 571.536,184.742 L 502.384,184.742 C 499.649,158.468 488.682,138.285 465.529,138.285 C 428.971,138.285 422.27,174.462 422.27,212.92 C 422.27,265.854 437.504,292.886 462.785,292.886 C 485.327,292.886 499.649,276.511 501.778,247.952 L 570.013,247.952 z " horiz-adv-x="687.158"  />
+<glyph unicode="&#xe009;" d="M 64,416L 448,416L 448,32L 64,32z"  />
+<glyph unicode="&#xe00a;" d="M 192,416A64,64 12780 1 1 320,416A64,64 12780 1 1 192,416zM 327.765,359.765A64,64 12780 1 1 455.765,359.765A64,64 12780 1 1 327.765,359.765zM 416,224A32,32 12780 1 1 480,224A32,32 12780 1 1 416,224zM 359.765,88.235A32,32 12780 1 1 423.765,88.23500000000001A32,32 12780 1 1 359.765,88.23500000000001zM 224.001,32A32,32 12780 1 1 288.001,32A32,32 12780 1 1 224.001,32zM 88.236,88.235A32,32 12780 1 1 152.236,88.23500000000001A32,32 12780 1 1 88.236,88.23500000000001zM 72.236,359.765A48,48 12780 1 1 168.236,359.765A48,48 12780 1 1 72.236,359.765zM 28,224A36,36 12780 1 1 100,224A36,36 12780 1 1 28,224z"  />
+<glyph unicode="&#xe00b;" d="M 224,192 L 224-16 L 144,64 L 48-32 L 0,16 L 96,112 L 16,192 ZM 512,432 L 416,336 L 496,256 L 288,256 L 288,464 L 368,384 L 464,480 Z"  />
+<glyph unicode="&#xe00c;" d="M 256,448 C 397.385,448 512,354.875 512,240 C 512,125.124 397.385,32 256,32 C 242.422,32 229.095,32.867 216.088,34.522 C 161.099-20.467 95.463-30.328 32-31.776 L 32-18.318 C 66.268-1.529 96,29.052 96,64 C 96,68.877 95.621,73.665 94.918,78.348 C 37.020,116.48 0,174.725 0,240 C 0,354.875 114.615,448 256,448 Z"  />
+<glyph unicode="&#xe00d;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,352
+	c 70.692,0, 128-57.308, 128-128s-57.308-128-128-128s-128,57.308-128,128S 185.308,352, 256,352z M 408.735,71.265
+	C 367.938,30.468, 313.695,8, 256,8c-57.696,0-111.938,22.468-152.735,63.265C 62.468,112.062, 40,166.304, 40,224
+	c0,57.695, 22.468,111.938, 63.265,152.735l 33.941-33.941c0,0,0,0,0,0c-65.503-65.503-65.503-172.085,0-237.588
+	C 168.937,73.475, 211.125,56, 256,56c 44.874,0, 87.062,17.475, 118.794,49.206c 65.503,65.503, 65.503,172.084,0,237.588l 33.941,33.941
+	C 449.532,335.938, 472,281.695, 472,224C 472,166.304, 449.532,112.062, 408.735,71.265z"  />
+<glyph unicode="&#xe01e;" d="M 512,224c-0.639,33.431-7.892,66.758-21.288,97.231c-13.352,30.5-32.731,58.129-56.521,80.96
+	c-23.776,22.848-51.972,40.91-82.492,52.826C 321.197,466.979, 288.401,472.693, 256,472c-32.405-0.641-64.666-7.687-94.167-20.678
+	c-29.524-12.948-56.271-31.735-78.367-54.788c-22.112-23.041-39.58-50.354-51.093-79.899C 20.816,287.104, 15.309,255.375, 16,224
+	c 0.643-31.38, 7.482-62.574, 20.067-91.103c 12.544-28.55, 30.738-54.414, 53.055-75.774c 22.305-21.377, 48.736-38.252, 77.307-49.36
+	C 194.988-3.389, 225.652-8.688, 256-8c 30.354,0.645, 60.481,7.277, 88.038,19.457c 27.575,12.141, 52.558,29.74, 73.183,51.322
+	c 20.641,21.57, 36.922,47.118, 47.627,74.715c 6.517,16.729, 10.94,34.2, 13.271,51.899c 0.623-0.036, 1.249-0.060, 1.881-0.060
+	c 17.673,0, 32,14.326, 32,32c0,0.898-0.047,1.786-0.119,2.666L 512,223.999 z M 461.153,139.026c-11.736-26.601-28.742-50.7-49.589-70.59
+	c-20.835-19.905-45.5-35.593-72.122-45.895C 312.828,12.202, 284.297,7.315, 256,8c-28.302,0.649-56.298,6.868-81.91,18.237
+	c-25.625,11.333-48.842,27.745-67.997,47.856c-19.169,20.099-34.264,43.882-44.161,69.529C 51.997,169.264, 47.318,196.729, 48,224
+	c 0.651,27.276, 6.664,54.206, 17.627,78.845c 10.929,24.65, 26.749,46.985, 46.123,65.405c 19.365,18.434, 42.265,32.935, 66.937,42.428
+	C 203.356,420.208, 229.755,424.681, 256,424c 26.25-0.653, 52.114-6.459, 75.781-17.017c 23.676-10.525, 45.128-25.751, 62.812-44.391
+	c 17.698-18.629, 31.605-40.647, 40.695-64.344C 444.412,274.552, 448.679,249.219, 448,224l 0.119,0 c-0.072-0.88-0.119-1.768-0.119-2.666
+	c0-16.506, 12.496-30.087, 28.543-31.812C 473.431,172.111, 468.278,155.113, 461.153,139.026z"  />
+<glyph unicode="&#xe01f;" d="M 256,480 C 116.626,480 3.271,368.619 0.076,230.013 C 3.036,350.945 94.992,448 208,448 C 322.875,448 416,347.712 416,224 C 416,197.49 437.49,176 464,176 C 490.51,176 512,197.49 512,224 C 512,365.385 397.385,480 256,480 ZM 256-32 C 395.374-32 508.729,79.381 511.924,217.987 C 508.964,97.055 417.008,0 304,0 C 189.125,0 96,100.288 96,224 C 96,250.51 74.51,272 48,272 C 21.49,272 0,250.51 0,224 C 0,82.615 114.615-32 256-32 Z"  />
+<glyph unicode="&#xe00e;" d="M 432,128c-22.58,0-42.96-9.369-57.506-24.415L 158.992,211.336C 159.649,215.462, 160,219.689, 160,224
+	s-0.351,8.538-1.008,12.663l 215.502,107.751C 389.040,329.369, 409.42,320, 432,320c 44.183,0, 80,35.817, 80,80S 476.183,480, 432,480
+	s-80-35.817-80-80c0-4.311, 0.352-8.538, 1.008-12.663L 137.506,279.585C 122.96,294.63, 102.58,304, 80,304c-44.183,0-80-35.818-80-80
+	c0-44.184, 35.817-80, 80-80c 22.58,0, 42.96,9.369, 57.506,24.414l 215.502-107.751C 352.352,56.538, 352,52.311, 352,48
+	c0-44.184, 35.817-80, 80-80s 80,35.816, 80,80C 512,92.182, 476.183,128, 432,128z"  />
+<glyph unicode="&#xe001;" d="M 96,416L 416,224L 96,32 z"  />
+<glyph unicode="&#xe000;" d="M 512,480 L 512,272 L 432,352 L 336,256 L 288,304 L 384,400 L 304,480 ZM 224,144 L 128,48 L 208-32 L 0-32 L 0,176 L 80,96 L 176,192 Z"  />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
 </font></defs></svg>

src/css/video-js.font.dev.svg

@@ -9,32 +9,57 @@ This is a custom SVG font generated by IcoMoon.
 <font id="VideoJS" horiz-adv-x="512" >
 <font-face units-per-em="512" ascent="480" descent="-32" />
 <missing-glyph horiz-adv-x="512" />
-<glyph unicode="&#xe000;" d="M 512.00,480.00 L 512.00,272.00 L 432.00,352.00 L 336.00,256.00 L 288.00,304.00 L 384.00,400.00 L 304.00,480.00 ZM 224.00,144.00 L 128.00,48.00 L 208.00-32.00 L 0.00-32.00 L 0.00,176.00 L 80.00,96.00 L 176.00,192.00 Z" data-tags="expand, enlarge, maximize, fullscreen" />
-<glyph unicode="&#xe001;" d="M 96.00,416.00L 416.00,224.00L 96.00,32.00 z" data-tags="play, media control, audio" />
-<glyph unicode="&#xe002;" d="M 64.00,416.00L 224.00,416.00L 224.00,32.00L 64.00,32.00zM 288.00,416.00L 448.00,416.00L 448.00,32.00L 288.00,32.00z" data-tags="pause, media control, audio" />
-<glyph unicode="&#xe003;" d="M 200.666,440.666 C 213.50,453.50 224.00,449.15 224.00,431.00 L 224.00,17.00 C 224.00-1.15 213.50-5.499 200.666,7.335 L 80.00,128.00 L 0.00,128.00 L 0.00,320.00 L 80.00,320.00 L 200.666,440.666 Z" data-tags="volume-mute, speaker, media control, audio, mute" />
-<glyph unicode="&#xe004;" d="M 274.51,109.49c-6.143,0.00-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0.00,33.941
-		c 40.55,40.55, 40.55,106.529,0.00,147.078c-9.373,9.373-9.373,24.569,0.00,33.941c 9.373,9.372, 24.568,9.372, 33.941,0.00
-		c 59.265-59.265, 59.265-155.696,0.00-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.50,453.50 224.00,449.15 224.00,431.00 L 224.00,17.00 C 224.00-1.15 213.50-5.499 200.666,7.335 L 80.00,128.00 L 0.00,128.00 L 0.00,320.00 L 80.00,320.00 L 200.666,440.666 Z" data-tags="volume-low, speaker, media control, audio" />
-<glyph unicode="&#xe005;" d="M 359.765,64.235c-6.143,0.00-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0.00,33.941
-		c 65.503,65.503, 65.503,172.085,0.00,237.588c-9.372,9.373-9.372,24.569,0.00,33.941c 9.372,9.371, 24.569,9.372, 33.941,0.00
-		C 417.532,335.938, 440.00,281.696, 440.00,224.00c0.00-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0.00-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0.00,33.941
-		c 40.55,40.55, 40.55,106.529,0.00,147.078c-9.373,9.373-9.373,24.569,0.00,33.941c 9.373,9.372, 24.568,9.372, 33.941,0.00
-		c 59.265-59.265, 59.265-155.696,0.00-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.50,453.50 224.00,449.15 224.00,431.00 L 224.00,17.00 C 224.00-1.15 213.50-5.499 200.666,7.335 L 80.00,128.00 L 0.00,128.00 L 0.00,320.00 L 80.00,320.00 L 200.666,440.666 Z" data-tags="volume-medium, speaker, media control, audio" />
-<glyph unicode="&#xe006;" d="M 445.02,18.98c-6.143,0.00-12.284,2.343-16.971,7.029c-9.372,9.373-9.372,24.568,0.00,33.941
-		C 471.868,103.771, 496.001,162.03, 496.001,224.00c0.00,61.969-24.133,120.229-67.952,164.049c-9.372,9.373-9.372,24.569,0.00,33.941
-		c 9.372,9.372, 24.569,9.372, 33.941,0.00c 52.885-52.886, 82.011-123.20, 82.011-197.99c0.00-74.791-29.126-145.104-82.011-197.99
-		C 457.304,21.323, 451.162,18.98, 445.02,18.98zM 359.765,64.235c-6.143,0.00-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0.00,33.941
-		c 65.503,65.503, 65.503,172.085,0.00,237.588c-9.372,9.373-9.372,24.569,0.00,33.941c 9.372,9.371, 24.569,9.372, 33.941,0.00
-		C 417.532,335.938, 440.00,281.696, 440.00,224.00c0.00-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0.00-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0.00,33.941
-		c 40.55,40.55, 40.55,106.529,0.00,147.078c-9.373,9.373-9.373,24.569,0.00,33.941c 9.373,9.372, 24.568,9.372, 33.941,0.00
-		c 59.265-59.265, 59.265-155.696,0.00-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.50,453.50 224.00,449.15 224.00,431.00 L 224.00,17.00 C 224.00-1.15 213.50-5.499 200.666,7.335 L 80.00,128.00 L 0.00,128.00 L 0.00,320.00 L 80.00,320.00 L 200.666,440.666 Z" horiz-adv-x="544" data-tags="volume-high, speaker, media control, audio" />
-<glyph unicode="&#xe007;" d="M 256.00,480.00L 96.00,224.00L 256.00-32.00L 416.00,224.00 z" data-tags="diamonds, bet, game, gamble, cards" />
-<glyph unicode="&#xe008;" d="M 0.00,480.00 L 687.158,480.00 L 687.158-35.207 L 0.00-35.207 L 0.00,480.00 z M 622.731,224.638 C 621.878,314.664 618.46,353.922 597.131,381.656 C 593.291,387.629 586.038,391.042 580.065,395.304 C 559.158,410.669 460.593,416.211 346.247,416.211 C 231.896,416.211 128.642,410.669 108.162,395.304 C 101.762,391.042 94.504,387.629 90.242,381.656 C 69.331,353.922 66.349,314.664 65.069,224.638 C 66.349,134.607 69.331,95.353 90.242,67.62 C 94.504,61.22 101.762,58.233 108.162,53.967 C 128.642,38.18 231.896,33.06 346.247,32.207 C 460.593,33.06 559.158,38.18 580.065,53.967 C 586.038,58.233 593.291,61.22 597.131,67.62 C 618.46,95.353 621.878,134.607 622.731,224.638 z M 331.179,247.952 C 325.389,318.401 287.924,359.905 220.901,359.905 C 159.672,359.905 111.54,304.689 111.54,215.965 C 111.54,126.859 155.405,71.267 227.907,71.267 C 285.79,71.267 326.306,113.916 332.701,184.742 L 263.55,184.742 C 260.81,158.468 249.843,138.285 226.69,138.285 C 190.136,138.285 183.435,174.462 183.435,212.92 C 183.435,265.854 198.665,292.886 223.951,292.886 C 246.492,292.886 260.81,276.511 262.939,247.952 L 331.179,247.952 z M 570.013,247.952 C 564.228,318.401 526.758,359.905 459.74,359.905 C 398.507,359.905 350.379,304.689 350.379,215.965 C 350.379,126.859 394.244,71.267 466.746,71.267 C 524.625,71.267 565.14,113.916 571.536,184.742 L 502.384,184.742 C 499.649,158.468 488.682,138.285 465.529,138.285 C 428.971,138.285 422.27,174.462 422.27,212.92 C 422.27,265.854 437.504,292.886 462.785,292.886 C 485.327,292.886 499.649,276.511 501.778,247.952 L 570.013,247.952 z " horiz-adv-x="687.1578947368421" data-tags="Closed_captioning_symbol" />
-<glyph unicode="&#xe009;" d="M 64.00,416.00L 448.00,416.00L 448.00,32.00L 64.00,32.00z" data-tags="stop, media control, audio, square" />
-<glyph unicode="&#xe00a;" d="M 192.00,416.00A64.00,64.00 12780.00 1 1 320.00,416A64.00,64.00 12780.00 1 1 192.00,416zM 327.765,359.765A64.00,64.00 12780.00 1 1 455.765,359.765A64.00,64.00 12780.00 1 1 327.765,359.765zM 416.00,224.00A32.00,32.00 12780.00 1 1 480.00,224A32.00,32.00 12780.00 1 1 416.00,224zM 359.765,88.235A32.00,32.00 12780.00 1 1 423.765,88.23500000000001A32.00,32.00 12780.00 1 1 359.765,88.23500000000001zM 224.001,32.00A32.00,32.00 12780.00 1 1 288.001,32A32.00,32.00 12780.00 1 1 224.001,32zM 88.236,88.235A32.00,32.00 12780.00 1 1 152.236,88.23500000000001A32.00,32.00 12780.00 1 1 88.236,88.23500000000001zM 72.236,359.765A48.00,48.00 12780.00 1 1 168.236,359.765A48.00,48.00 12780.00 1 1 72.236,359.765zM 28.00,224.00A36.00,36.00 12780.00 1 1 100.00,224A36.00,36.00 12780.00 1 1 28.00,224z" data-tags="spinner, loading, busy, wait, wheel" />
-<glyph unicode="&#xe00b;" d="M 224.00,192.00 L 224.00-16.00 L 144.00,64.00 L 48.00-32.00 L 0.00,16.00 L 96.00,112.00 L 16.00,192.00 ZM 512.00,432.00 L 416.00,336.00 L 496.00,256.00 L 288.00,256.00 L 288.00,464.00 L 368.00,384.00 L 464.00,480.00 Z" data-tags="contract, minimize, shrink, collapse" />
-<glyph unicode="&#xe00c;" d="M 256.00,448.00 C 397.385,448.00 512.00,354.875 512.00,240.00 C 512.00,125.124 397.385,32.00 256.00,32.00 C 242.422,32.00 229.095,32.867 216.088,34.522 C 161.099-20.467 95.463-30.328 32.00-31.776 L 32.00-18.318 C 66.268-1.529 96.00,29.052 96.00,64.00 C 96.00,68.877 95.621,73.665 94.918,78.348 C 37.02,116.48 0.00,174.725 0.00,240.00 C 0.00,354.875 114.615,448.00 256.00,448.00 Z" data-tags="bubble, comment, chat, talk" />
-<glyph unicode="&#x20;" horiz-adv-x="256" />
 <glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+<glyph unicode="&#xe002;" d="M 64,416L 224,416L 224,32L 64,32zM 288,416L 448,416L 448,32L 288,32z" data-tags="pause, media control, audio" />
+<glyph unicode="&#xe003;" d="M 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z" data-tags="volume-mute, speaker, media control, audio, mute" />
+<glyph unicode="&#xe004;" d="M 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z" data-tags="volume-low, speaker, media control, audio" />
+<glyph unicode="&#xe005;" d="M 359.765,64.235c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0,33.941
+		c 65.503,65.503, 65.503,172.085,0,237.588c-9.372,9.373-9.372,24.569,0,33.941c 9.372,9.371, 24.569,9.372, 33.941,0
+		C 417.532,335.938, 440,281.696, 440,224c0-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z" data-tags="volume-medium, speaker, media control, audio" />
+<glyph unicode="&#xe006;" d="M 445.020,18.98c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.373-9.372,24.568,0,33.941
+		C 471.868,103.771, 496.001,162.030, 496.001,224c0,61.969-24.133,120.229-67.952,164.049c-9.372,9.373-9.372,24.569,0,33.941
+		c 9.372,9.372, 24.569,9.372, 33.941,0c 52.885-52.886, 82.011-123.2, 82.011-197.99c0-74.791-29.126-145.104-82.011-197.99
+		C 457.304,21.323, 451.162,18.98, 445.020,18.98zM 359.765,64.235c-6.143,0-12.284,2.343-16.971,7.029c-9.372,9.372-9.372,24.568,0,33.941
+		c 65.503,65.503, 65.503,172.085,0,237.588c-9.372,9.373-9.372,24.569,0,33.941c 9.372,9.371, 24.569,9.372, 33.941,0
+		C 417.532,335.938, 440,281.696, 440,224c0-57.695-22.468-111.938-63.265-152.735C 372.049,66.578, 365.907,64.235, 359.765,64.235zM 274.51,109.49c-6.143,0-12.284,2.343-16.971,7.029c-9.373,9.373-9.373,24.568,0,33.941
+		c 40.55,40.55, 40.55,106.529,0,147.078c-9.373,9.373-9.373,24.569,0,33.941c 9.373,9.372, 24.568,9.372, 33.941,0
+		c 59.265-59.265, 59.265-155.696,0-214.961C 286.794,111.833, 280.652,109.49, 274.51,109.49zM 200.666,440.666 C 213.5,453.5 224,449.15 224,431 L 224,17 C 224-1.15 213.5-5.499 200.666,7.335 L 80,128 L 0,128 L 0,320 L 80,320 L 200.666,440.666 Z" horiz-adv-x="544" data-tags="volume-high, speaker, media control, audio" />
+<glyph unicode="&#xe007;" d="M 256,480L 96,224L 256-32L 416,224 z" data-tags="diamonds, bet, game, gamble, cards" />
+<glyph unicode="&#xe008;" d="M 0,480 L 687.158,480 L 687.158-35.207 L 0-35.207 L 0,480 z M 622.731,224.638 C 621.878,314.664 618.46,353.922 597.131,381.656 C 593.291,387.629 586.038,391.042 580.065,395.304 C 559.158,410.669 460.593,416.211 346.247,416.211 C 231.896,416.211 128.642,410.669 108.162,395.304 C 101.762,391.042 94.504,387.629 90.242,381.656 C 69.331,353.922 66.349,314.664 65.069,224.638 C 66.349,134.607 69.331,95.353 90.242,67.62 C 94.504,61.22 101.762,58.233 108.162,53.967 C 128.642,38.18 231.896,33.060 346.247,32.207 C 460.593,33.060 559.158,38.18 580.065,53.967 C 586.038,58.233 593.291,61.22 597.131,67.62 C 618.46,95.353 621.878,134.607 622.731,224.638 z M 331.179,247.952 C 325.389,318.401 287.924,359.905 220.901,359.905 C 159.672,359.905 111.54,304.689 111.54,215.965 C 111.54,126.859 155.405,71.267 227.907,71.267 C 285.79,71.267 326.306,113.916 332.701,184.742 L 263.55,184.742 C 260.81,158.468 249.843,138.285 226.69,138.285 C 190.136,138.285 183.435,174.462 183.435,212.92 C 183.435,265.854 198.665,292.886 223.951,292.886 C 246.492,292.886 260.81,276.511 262.939,247.952 L 331.179,247.952 z M 570.013,247.952 C 564.228,318.401 526.758,359.905 459.74,359.905 C 398.507,359.905 350.379,304.689 350.379,215.965 C 350.379,126.859 394.244,71.267 466.746,71.267 C 524.625,71.267 565.14,113.916 571.536,184.742 L 502.384,184.742 C 499.649,158.468 488.682,138.285 465.529,138.285 C 428.971,138.285 422.27,174.462 422.27,212.92 C 422.27,265.854 437.504,292.886 462.785,292.886 C 485.327,292.886 499.649,276.511 501.778,247.952 L 570.013,247.952 z " horiz-adv-x="687.158" data-tags="Closed_captioning_symbol" />
+<glyph unicode="&#xe009;" d="M 64,416L 448,416L 448,32L 64,32z" data-tags="stop, media control, audio, square" />
+<glyph unicode="&#xe00a;" d="M 192,416A64,64 12780 1 1 320,416A64,64 12780 1 1 192,416zM 327.765,359.765A64,64 12780 1 1 455.765,359.765A64,64 12780 1 1 327.765,359.765zM 416,224A32,32 12780 1 1 480,224A32,32 12780 1 1 416,224zM 359.765,88.235A32,32 12780 1 1 423.765,88.23500000000001A32,32 12780 1 1 359.765,88.23500000000001zM 224.001,32A32,32 12780 1 1 288.001,32A32,32 12780 1 1 224.001,32zM 88.236,88.235A32,32 12780 1 1 152.236,88.23500000000001A32,32 12780 1 1 88.236,88.23500000000001zM 72.236,359.765A48,48 12780 1 1 168.236,359.765A48,48 12780 1 1 72.236,359.765zM 28,224A36,36 12780 1 1 100,224A36,36 12780 1 1 28,224z" data-tags="spinner, loading, busy, wait, wheel" />
+<glyph unicode="&#xe00b;" d="M 224,192 L 224-16 L 144,64 L 48-32 L 0,16 L 96,112 L 16,192 ZM 512,432 L 416,336 L 496,256 L 288,256 L 288,464 L 368,384 L 464,480 Z" data-tags="contract, minimize, shrink, collapse" />
+<glyph unicode="&#xe00c;" d="M 256,448 C 397.385,448 512,354.875 512,240 C 512,125.124 397.385,32 256,32 C 242.422,32 229.095,32.867 216.088,34.522 C 161.099-20.467 95.463-30.328 32-31.776 L 32-18.318 C 66.268-1.529 96,29.052 96,64 C 96,68.877 95.621,73.665 94.918,78.348 C 37.020,116.48 0,174.725 0,240 C 0,354.875 114.615,448 256,448 Z" data-tags="bubble, comment, chat, talk" />
+<glyph unicode="&#xe00d;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,352
+	c 70.692,0, 128-57.308, 128-128s-57.308-128-128-128s-128,57.308-128,128S 185.308,352, 256,352z M 408.735,71.265
+	C 367.938,30.468, 313.695,8, 256,8c-57.696,0-111.938,22.468-152.735,63.265C 62.468,112.062, 40,166.304, 40,224
+	c0,57.695, 22.468,111.938, 63.265,152.735l 33.941-33.941c0,0,0,0,0,0c-65.503-65.503-65.503-172.085,0-237.588
+	C 168.937,73.475, 211.125,56, 256,56c 44.874,0, 87.062,17.475, 118.794,49.206c 65.503,65.503, 65.503,172.084,0,237.588l 33.941,33.941
+	C 449.532,335.938, 472,281.695, 472,224C 472,166.304, 449.532,112.062, 408.735,71.265z" data-tags="spinner, loading, busy, wait, wheel" />
+<glyph unicode="&#xe01e;" d="M 512,224c-0.639,33.431-7.892,66.758-21.288,97.231c-13.352,30.5-32.731,58.129-56.521,80.96
+	c-23.776,22.848-51.972,40.91-82.492,52.826C 321.197,466.979, 288.401,472.693, 256,472c-32.405-0.641-64.666-7.687-94.167-20.678
+	c-29.524-12.948-56.271-31.735-78.367-54.788c-22.112-23.041-39.58-50.354-51.093-79.899C 20.816,287.104, 15.309,255.375, 16,224
+	c 0.643-31.38, 7.482-62.574, 20.067-91.103c 12.544-28.55, 30.738-54.414, 53.055-75.774c 22.305-21.377, 48.736-38.252, 77.307-49.36
+	C 194.988-3.389, 225.652-8.688, 256-8c 30.354,0.645, 60.481,7.277, 88.038,19.457c 27.575,12.141, 52.558,29.74, 73.183,51.322
+	c 20.641,21.57, 36.922,47.118, 47.627,74.715c 6.517,16.729, 10.94,34.2, 13.271,51.899c 0.623-0.036, 1.249-0.060, 1.881-0.060
+	c 17.673,0, 32,14.326, 32,32c0,0.898-0.047,1.786-0.119,2.666L 512,223.999 z M 461.153,139.026c-11.736-26.601-28.742-50.7-49.589-70.59
+	c-20.835-19.905-45.5-35.593-72.122-45.895C 312.828,12.202, 284.297,7.315, 256,8c-28.302,0.649-56.298,6.868-81.91,18.237
+	c-25.625,11.333-48.842,27.745-67.997,47.856c-19.169,20.099-34.264,43.882-44.161,69.529C 51.997,169.264, 47.318,196.729, 48,224
+	c 0.651,27.276, 6.664,54.206, 17.627,78.845c 10.929,24.65, 26.749,46.985, 46.123,65.405c 19.365,18.434, 42.265,32.935, 66.937,42.428
+	C 203.356,420.208, 229.755,424.681, 256,424c 26.25-0.653, 52.114-6.459, 75.781-17.017c 23.676-10.525, 45.128-25.751, 62.812-44.391
+	c 17.698-18.629, 31.605-40.647, 40.695-64.344C 444.412,274.552, 448.679,249.219, 448,224l 0.119,0 c-0.072-0.88-0.119-1.768-0.119-2.666
+	c0-16.506, 12.496-30.087, 28.543-31.812C 473.431,172.111, 468.278,155.113, 461.153,139.026z" data-tags="spinner, loading, busy, wait, wheel" />
+<glyph unicode="&#xe01f;" d="M 256,480 C 116.626,480 3.271,368.619 0.076,230.013 C 3.036,350.945 94.992,448 208,448 C 322.875,448 416,347.712 416,224 C 416,197.49 437.49,176 464,176 C 490.51,176 512,197.49 512,224 C 512,365.385 397.385,480 256,480 ZM 256-32 C 395.374-32 508.729,79.381 511.924,217.987 C 508.964,97.055 417.008,0 304,0 C 189.125,0 96,100.288 96,224 C 96,250.51 74.51,272 48,272 C 21.49,272 0,250.51 0,224 C 0,82.615 114.615-32 256-32 Z" data-tags="spinner, loading, busy, wait, wheel" />
+<glyph unicode="&#xe00e;" d="M 432,128c-22.58,0-42.96-9.369-57.506-24.415L 158.992,211.336C 159.649,215.462, 160,219.689, 160,224
+	s-0.351,8.538-1.008,12.663l 215.502,107.751C 389.040,329.369, 409.42,320, 432,320c 44.183,0, 80,35.817, 80,80S 476.183,480, 432,480
+	s-80-35.817-80-80c0-4.311, 0.352-8.538, 1.008-12.663L 137.506,279.585C 122.96,294.63, 102.58,304, 80,304c-44.183,0-80-35.818-80-80
+	c0-44.184, 35.817-80, 80-80c 22.58,0, 42.96,9.369, 57.506,24.414l 215.502-107.751C 352.352,56.538, 352,52.311, 352,48
+	c0-44.184, 35.817-80, 80-80s 80,35.816, 80,80C 512,92.182, 476.183,128, 432,128z" data-tags="share, social" />
+<glyph unicode="&#xe001;" d="M 96,416L 416,224L 96,32 z" data-tags="play, media control, audio" />
+<glyph unicode="&#xe000;" d="M 512,480 L 512,272 L 432,352 L 336,256 L 288,304 L 384,400 L 304,480 ZM 224,144 L 128,48 L 208-32 L 0-32 L 0,176 L 80,96 L 176,192 Z" data-tags="expand, enlarge, maximize, fullscreen" />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
 </font></defs></svg>

src/css/video-js.less

@@ -0,0 +1,949 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version GENERATED_AT_BUILD
+Create your own skin at http://designer.videojs.com
+*/
+
+// To customize the player skin, change the values of the variables or edit the
+// CSS below.
+// (This file uses LESS. Learn more at http://lesscss.org/)
+
+// The base font size controls the size of everything, not just text. All
+// diminensions use em-based sizes so that the scale along with the font size.
+// Try increasing it to 20px and see what happens.
+@base-font-size: 10px;
+@touch-device-font-size: 15px;
+
+// The main font color controls the color of the text and the icons (font icons)
+@main-font-color: #CCCCCC; // e.g. rgb(255, 255, 255) or #ffffff
+
+// The default color of control backgrounds is mostly black but with a little
+// bit of blue so it can still be seen on all black video frames, which are
+// common.
+@control-bg-color: #07141E; // e.g. rgb(255, 255, 255) or #ffffff
+@control-bg-alpha: 0.7; // 1.0 = 100% opacity, 0.0 = 0% opacity
+
+// The slider bar color is used for the progress bar and the volume bar
+@slider-bar-color: #66A8CC; // e.g. rgb(255, 255, 255) or #ffffff
+// The background of the progress bar and volume bar have a lined pattern that
+// is created from a base64 encoded image. You can generate your own pattern at
+// http://www.patternify.com/ then replace the value in the quotes with your own
+@slider-bar-pattern: ~'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC';
+// The color of the slider background
+@slider-background-color: #333333;
+@slider-background-alpha: 0.9; // 1.0 = 100% opacity, 0.0 = 0% opacity
+
+// The "Big Play Button" is the play button that shows before the video plays.
+// To center it set the align values to center and middle. The typical location
+// of the button is the center, but there is trend towards moving it to a corner
+// where it gets out of the way of valuable content in the poster image.
+@big-play-align: left; // left, center, or right
+@big-play-vertical-align: top; // top, middle, or bottom
+// The button colors match the control colors by default but you can customize
+// them by replace the variables (@control-bg-color) with your own color values.
+@big-play-bg-color: @control-bg-color;
+@big-play-bg-alpha: @control-bg-alpha;
+// The font size is what makes the big play button, big. All width/height values
+// use ems, which are a multiple of the font size.
+// If the @base-font-size is 10px, then 3em equals 30px.
+@big-play-font-size: 3em;
+// Now that font size is set, the following em values will be a multiple of the
+// new font size. If @big-play-font-size is 3em (30px), then setting the any of
+// the following values to 2em would equal 60px. 2 * font-size
+@big-play-margin: 0.5em;
+@big-play-width: 4em;
+@big-play-height: 2.6em;
+@big-play-border-radius: 0.8em;
+@big-play-border-width: 0.1em;
+@big-play-border-color: #3b4249;
+
+/* SKIN
+================================================================================
+The main class name for all skin-specific styles. To make your own skin,
+replace all occurances of 'vjs-default-skin' with a new name. Then add your new
+skin name to your video tag instead of the default skin.
+e.g. <video class="video-js my-skin-name">
+*/
+.vjs-default-skin {
+  color: @main-font-color;
+}
+
+/* Custom Icon Font
+--------------------------------------------------------------------------------
+The control icons are from a custom font. Each icon corresponds to a character
+(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
+*/
+@font-face{
+  font-family: 'VideoJS';
+  src: url('font/vjs.eot');
+  src: url('font/vjs.eot?#iefix') format('embedded-opentype'),
+  url('font/vjs.woff') format('woff'),
+  url('font/vjs.ttf') format('truetype');
+
+  font-weight: normal;
+  font-style: normal;
+}
+
+// Icon font character values
+@play-icon: "\e001";
+@pause-icon: "\e002";
+@volume-muted-icon: "\e003";
+@volume-low-icon: "\e004";
+@volume-mid-icon: "\e005";
+@volume-high-icon: "\e006";
+@fullscreen-enter-icon: "\e000";
+@fullscreen-exit-icon: "\e00b";
+@square-icon: "\e009";
+@spinner-icon: "\e00a";
+@spinner2-icon: "\e00d";
+@spinner3-icon: "\e01e";
+@spinner4-icon: "\e01f";
+@subtitles-icon: "\e00c";
+@captions-icon: "\e008";
+@share-icon: "\e00e";
+
+/* Base UI Component Classes
+--------------------------------------------------------------------------------
+*/
+
+/* Slider - used for Volume bar and Seek bar */
+.vjs-default-skin .vjs-slider {
+  /* Replace browser focus hightlight with handle highlight *///
+  outline: 0;
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+
+  .background-color-with-alpha(@slider-background-color, @slider-background-alpha);
+}
+
+.vjs-default-skin .vjs-slider:focus {
+  .box-shadow(0 0 2em #fff);
+}
+
+.vjs-default-skin .vjs-slider-handle {
+  position: absolute;
+  /* Needed for IE6 *///
+  left: 0;
+  top: 0;
+}
+
+.vjs-default-skin .vjs-slider-handle:before {
+  content: @square-icon;
+  font-family: VideoJS;
+  font-size: 1em;
+  line-height: 1;
+  text-align: center;
+  text-shadow: 0em 0em 1em #fff;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  /* Rotate the square icon to make a diamond *///
+  .transform(rotate(-45deg));
+}
+
+/* Control Bar
+--------------------------------------------------------------------------------
+The default control bar that is a container for most of the controls.
+*/
+.vjs-default-skin .vjs-control-bar {
+  /* Start hidden *///
+  display: none;
+  position: absolute;
+  /* Place control bar at the bottom of the player box/video.
+     If you want more margin below the control bar, add more height. *///
+  bottom: 0;
+  /* Use left/right to stretch to 100% width of player div *///
+  left: 0;
+  right: 0;
+  /* Height includes any margin you want above or below control items *///
+  height: 3.0em;
+
+  .background-color-with-alpha(@control-bg-color, @control-bg-alpha);
+}
+
+/* Show the control bar only once the video has started playing */
+.vjs-default-skin.vjs-has-started .vjs-control-bar {
+  display: block;
+  /* Visibility needed to make sure things hide in older browsers too. */
+  visibility: visible;
+  opacity: 1;
+
+  @trans: visibility 0.1s, opacity 0.1s; // Var needed because of comma
+  .transition(@trans);
+}
+
+/* Hide the control bar when the video is playing and the user is inactive  */
+.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+
+  @trans: visibility 1.0s, opacity 1.0s;
+  .transition(@trans);
+}
+
+.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
+  display: none;
+}
+
+.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
+  display: none;
+}
+
+/* IE8 is flakey with fonts, and you have to change the actual content to force
+fonts to show/hide properly.
+  - "\9" IE8 hack didn't work for this
+  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
+*/
+@ie8screen: ~"\0screen";
+.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
+  @media @ie8screen { content: ""; }
+}
+
+/* General styles for individual controls. */
+.vjs-default-skin .vjs-control {
+  outline: none;
+  position: relative;
+  float: left;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 3.0em;
+  width: 4em;
+}
+
+/* FontAwsome button icons */
+.vjs-default-skin .vjs-control:before {
+  font-family: VideoJS;
+  font-size: 1.5em;
+  line-height: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
+}
+
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-control:focus:before,
+.vjs-default-skin .vjs-control:hover:before {
+  text-shadow: 0em 0em 1em rgba(255, 255, 255, 1);
+}
+
+.vjs-default-skin .vjs-control:focus {
+  /*  outline: 0; *///
+  /* keyboard-only users cannot see the focus on several of the UI elements when
+  this is set to 0 */
+}
+
+/* Hide control text visually, but have it available for screenreaders */
+.vjs-default-skin .vjs-control-text {
+  .hide-visually;
+}
+
+/* Play/Pause
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-play-control {
+  width: 5em;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-play-control:before {
+  content: @play-icon;
+}
+.vjs-default-skin.vjs-playing .vjs-play-control:before {
+  content: @pause-icon;
+}
+
+/* Volume/Mute
+-------------------------------------------------------------------------------- */
+.vjs-default-skin .vjs-mute-control,
+.vjs-default-skin .vjs-volume-menu-button {
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-mute-control:before,
+.vjs-default-skin .vjs-volume-menu-button:before {
+  content: @volume-high-icon;
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
+  content: @volume-muted-icon;
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
+  content: @volume-low-icon;
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
+  content: @volume-mid-icon;
+}
+
+.vjs-default-skin .vjs-volume-control {
+  width: 5em;
+  float: right;
+}
+.vjs-default-skin .vjs-volume-bar {
+  width: 5em;
+  height: 0.6em;
+  margin: 1.1em auto 0;
+}
+
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
+  height: 2.9em;
+}
+
+.vjs-default-skin .vjs-volume-level {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0.5em;
+
+  background: @slider-bar-color
+    url(@slider-bar-pattern)
+    -50% 0 repeat;
+}
+.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
+  width: 0.5em;
+  height: 0.5em;
+}
+
+.vjs-default-skin .vjs-volume-handle:before {
+  font-size: 0.9em;
+  top: -0.2em;
+  left: -0.2em;
+
+  width: 1em;
+  height: 1em;
+}
+
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
+  width: 6em;
+  left: -4em;
+}
+
+/* Progress
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-progress-control {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: auto;
+  font-size: 0.3em;
+  height: 1em;
+  /* Set above the rest of the controls. *///
+  top: -1em;
+
+  /* Shrink the bar slower than it grows. *///
+  .transition(all 0.4s);
+}
+
+/* On hover, make the progress bar grow to something that's more clickable.
+    This simply changes the overall font for the progress bar, and this
+    updates both the em-based widths and heights, as wells as the icon font */
+.vjs-default-skin:hover .vjs-progress-control {
+  font-size: .9em;
+
+  /* Even though we're not changing the top/height, we need to include them in
+      the transition so they're handled correctly. */
+  .transition(all 0.2s);
+}
+
+/* Box containing play and load progresses. Also acts as seek scrubber. */
+.vjs-default-skin .vjs-progress-holder {
+  height: 100%;
+}
+
+/* Progress Bars */
+.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
+.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
+  position: absolute;
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  /* Needed for IE6 *///
+  left: 0;
+  top: 0;
+}
+
+.vjs-default-skin .vjs-play-progress {
+  /*
+    Using a data URI to create the white diagonal lines with a transparent
+      background. Surprisingly works in IE8.
+      Created using http://www.patternify.com
+    Changing the first color value will change the bar color.
+    Also using a paralax effect to make the lines move backwards.
+      The -50% left position makes that happen.
+  */
+  background: @slider-bar-color
+    url(@slider-bar-pattern)
+    -50% 0 repeat;
+}
+.vjs-default-skin .vjs-load-progress {
+  background: rgb(100, 100, 100) /* IE8- Fallback */;
+  background: rgba(255, 255, 255, 0.4);
+}
+
+.vjs-default-skin .vjs-seek-handle {
+  width: 1.5em;
+  height: 100%;
+}
+
+.vjs-default-skin .vjs-seek-handle:before {
+  padding-top: 0.1em /* Minor adjustment */;
+}
+
+/* Time Display
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-time-controls {
+  font-size: 1em;
+  /* Align vertically by making the line height the same as the control bar *///
+  line-height: 3em;
+}
+.vjs-default-skin .vjs-current-time { float: left; }
+.vjs-default-skin .vjs-duration { float: left; }
+/* Remaining time is in the HTML, but not included in default design */
+.vjs-default-skin .vjs-remaining-time { display: none; float: left; }
+.vjs-time-divider { float: left; line-height: 3em; }
+
+/* Fullscreen
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-fullscreen-control {
+  width: 3.8em;
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-fullscreen-control:before {
+  content: @fullscreen-enter-icon;
+}
+/* Switch to the exit icon when the player is in fullscreen */
+.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
+  content: @fullscreen-exit-icon;
+}
+
+/* Big Play Button (play button at start)
+--------------------------------------------------------------------------------
+Positioning of the play button in the center or other corners can be done more
+easily in the skin designer. http://designer.videojs.com/
+*/
+.vjs-default-skin .vjs-big-play-button {
+  // Calculate total width/height so we're able to center the button
+  @total-width: @big-play-width + (@big-play-border-width * 2);
+  @total-height: @big-play-height + (@big-play-border-width * 2);
+  // Position the button using the absolute-align mixin (bottom of page)
+  .absolute-align(@big-play-align, @big-play-margin, @total-width);
+  .absolute-align(@big-play-vertical-align, @big-play-margin, @total-height);
+
+  font-size: @big-play-font-size;
+  display: block;
+  z-index: 2;
+  position: absolute;
+  width: @big-play-width;
+  height: @big-play-height;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  opacity: 1;
+
+  /* Need a slightly gray bg so it can be seen on black backgrounds *///
+  .background-color-with-alpha(@big-play-bg-color, @big-play-bg-alpha);
+
+  border: @big-play-border-width solid @big-play-border-color;
+
+  .border-radius(@big-play-border-radius);
+  .box-shadow(0px 0px 1em rgba(255, 255, 255, 0.25));
+  .transition(all 0.4s);
+}
+
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+  @total-width: @big-play-width + (@big-play-border-width * 2);
+  @total-height: @big-play-height + (@big-play-border-width * 2);
+
+  .absolute-align(center, @big-play-margin, @total-width);
+  .absolute-align(middle, @big-play-margin, @total-height);
+}
+
+/* Hide if controls are disabled */
+.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
+  display: none;
+}
+/* Hide when video starts playing */
+.vjs-default-skin.vjs-has-started .vjs-big-play-button {
+  display: none;
+}
+/* Hide on mobile devices. Remove when we stop using native controls
+    by default on mobile  */
+.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
+  display: none;
+}
+
+.vjs-default-skin:hover .vjs-big-play-button,
+.vjs-default-skin .vjs-big-play-button:focus {
+  outline: 0;
+  border-color: #fff;
+  /* IE8 needs a non-glow hover state *///
+  background-color: rgb(80, 80, 80);
+  background-color: rgba(50, 50, 50, 0.75);
+
+  .box-shadow(0 0 3em #fff);
+  .transition(all 0s);
+}
+
+.vjs-default-skin .vjs-big-play-button:before {
+  content: @play-icon;
+  font-family: VideoJS;
+  /* In order to center the play icon vertically we need to set the line height
+     to the same as the button height */
+  line-height: @big-play-height;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center /* Needed for IE8 */;
+
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+/* Loading Spinner
+--------------------------------------------------------------------------------
+*/
+.vjs-loading-spinner {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+
+  font-size: 4em;
+  line-height: 1;
+
+  width: 1em;
+  height: 1em;
+
+  margin-left: -0.5em;
+  margin-top: -0.5em;
+
+  opacity: 0.75;
+
+  .animation(spin 1.5s infinite linear);
+}
+
+.vjs-default-skin .vjs-loading-spinner:before {
+  content: @spinner3-icon;
+  font-family: VideoJS;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1em;
+  height: 1em;
+  text-align: center;
+  text-shadow: 0em 0em 0.1em #000;
+}
+
+@-moz-keyframes spin {
+  0% { -moz-transform: rotate(0deg); }
+  100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+  0% { -o-transform: rotate(0deg); }
+  100% { -o-transform: rotate(359deg); }
+}
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(359deg); }
+}
+
+/* Menu Buttons (Captions/Subtitles/etc.)
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-menu-button {
+  float: right;
+  cursor: pointer;
+}
+
+.vjs-default-skin .vjs-menu {
+  display: none;
+  position: absolute;
+  bottom: 0;
+  left: 0em; /* (Width of vjs-menu - width of button) / 2 */
+  width: 0em;
+  height: 0em;
+  margin-bottom: 3em;
+
+  border-left: 2em solid transparent;
+  border-right: 2em solid transparent;
+
+  border-top: 1.55em solid rgb(0, 0, 0); /* Same width top as ul bottom */
+  border-top-color: rgba(7, 40, 50, 0.5); /* Same as ul background */
+}
+
+/* Button Pop-up Menu */
+.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
+  display: block;
+  padding: 0; margin: 0;
+  position: absolute;
+  width: 10em;
+  bottom: 1.5em; /* Same bottom as vjs-menu border-top */
+  max-height: 15em;
+  overflow: auto;
+
+  left: -5em; /* Width of menu - width of button / 2 */
+
+  .background-color-with-alpha(@control-bg-color, @control-bg-alpha);
+  .box-shadow(-0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2));
+}
+
+.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
+  display: block;
+}
+.vjs-default-skin .vjs-menu-button ul li {
+  list-style: none;
+  margin: 0;
+  padding: 0.3em 0 0.3em 0;
+  line-height: 1.4em;
+  font-size: 1.2em;
+  text-align: center;
+  text-transform: lowercase;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
+  background-color: #000;
+}
+.vjs-default-skin .vjs-menu-button ul li:focus,
+.vjs-default-skin .vjs-menu-button ul li:hover,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
+  outline: 0;
+  color: #111;
+
+  .background-color-with-alpha(rgb(255, 255, 255), 0.75);
+  .box-shadow(0 0 1em rgba(255, 255, 255, 1));
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1em;
+  line-height: 2em;
+  padding: 0;
+  margin: 0 0 0.3em 0;
+  font-weight: bold;
+  cursor: default;
+}
+
+/* Subtitles Button */
+.vjs-default-skin .vjs-subtitles-button:before { content: @subtitles-icon; }
+
+/* Captions Button */
+.vjs-default-skin .vjs-captions-button:before {
+  content: @captions-icon;
+}
+
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
+.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
+  .box-shadow(0 0 1em rgba(255, 255, 255, 1));
+}
+
+/*
+REQUIRED STYLES (be careful overriding)
+================================================================================
+When loading the player, the video tag is replaced with a DIV,
+that will hold the video tag or object tag for other playback methods.
+The div contains the video playback element (Flash or HTML5) and controls,
+and sets the width and height of the video.
+
+** If you want to add some kind of border/padding (e.g. a frame), or special
+positioning, use another containing element. Otherwise you risk messing up
+control positioning and full window mode. **
+*/
+.video-js {
+  background-color: #000;
+  position: relative;
+  padding: 0;
+  /* Start with 10px for base font size so other dimensions can be em based and
+     easily calculable. */
+  font-size: @base-font-size;
+  /* Allow poster to be vertially aligned. */
+  vertical-align: middle;
+  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
+
+  /* Provide some basic defaults for fonts */
+  font-weight: normal;
+  font-style: normal;
+  /* Avoiding helvetica: issue #376 */
+  font-family: Arial, sans-serif;
+
+  /* Turn off user selection (text highlighting) by default.
+     The majority of player components will not be text blocks.
+     Text areas will need to turn user selection back on. */
+  .user-select(none);
+}
+
+/* Playback technology elements expand to the width/height of the containing div
+    <video> or <object> */
+.video-js .vjs-tech {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
+   checking fullScreenEnabled. */
+.video-js:-moz-full-screen { position: absolute; }
+
+/* Fullscreen Styles */
+body.vjs-full-window {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html *///
+  overflow-y: auto;
+}
+.video-js.vjs-fullscreen {
+  position: fixed;
+  overflow: hidden;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 100% !important;
+  height: 100% !important;
+  /* IE6 full-window (underscore hack) *///
+  _position: absolute;
+}
+.video-js:-webkit-full-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+.video-js.vjs-fullscreen.vjs-user-inactive {
+  cursor: none;
+}
+
+/* Poster Styles */
+.vjs-poster {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: contain;
+  cursor: pointer;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.vjs-poster img {
+  display: block;
+  margin: 0 auto;
+  max-height: 100%;
+  padding: 0;
+  width: 100%;
+}
+
+/* Hide the poster when native controls are used otherwise it covers them */
+.video-js.vjs-using-native-controls .vjs-poster {
+  display: none;
+}
+
+/* Text Track Styles */
+/* Overall track holder for both captions and subtitles */
+.video-js .vjs-text-track-display {
+  text-align: center;
+  position: absolute;
+  bottom: 4em;
+  /* Leave padding on left and right *///
+  left: 1em;
+  right: 1em;
+}
+/* Individual tracks */
+.video-js .vjs-text-track {
+  display: none;
+  font-size: 1.4em;
+  text-align: center;
+  margin-bottom: 0.1em;
+  /* Transparent black background, or fallback to all black (oldIE) *///
+  .background-color-with-alpha(rgb(0, 0, 0), 0.5);
+}
+.video-js .vjs-subtitles { color: #fff /* Subtitles are white */; }
+.video-js .vjs-captions { color: #fc6 /* Captions are yellow */; }
+.vjs-tt-cue { display: block; }
+
+/* Hide disabled or unsupported controls */
+.vjs-default-skin .vjs-hidden { display: none; }
+
+.vjs-lock-showing {
+  display: block !important;
+  opacity: 1;
+  visibility: visible;
+}
+
+// MIXINS
+// =============================================================================
+// Mixins are a LESS feature and are used to add vendor prefixes to CSS rules
+// when needed.
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
+.box-shadow (@string: 0 0 1em rgba(0, 0, 0, 0.25)) {
+  /* box-shadow *///
+  -webkit-box-shadow: @string;
+     -moz-box-shadow: @string;
+          box-shadow: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
+.border-radius (@string: 5px) {
+  /* border-radius *///
+  -webkit-border-radius: @string;
+     -moz-border-radius: @string;
+          border-radius: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/transition
+.transition (@string: all 1s linear) {
+  /* transition *///
+  -webkit-transition: @string;
+     -moz-transition: @string;
+       -o-transition: @string;
+          transition: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/transition
+.transition-delay (@string: 1s) {
+  /* transition-delay *///
+  -webkit-transition-delay: @string;
+     -moz-transition-delay: @string;
+       -o-transition-delay: @string;
+          transition-delay: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/animation
+.animation (@string: spin 1s infinite linear) {
+  /* animation *///
+  -webkit-animation: @string;
+     -moz-animation: @string;
+       -o-animation: @string;
+          animation: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/transform
+.transform (@string: rotate(-45deg)) {
+  /* transform *///
+  -webkit-transform: @string;
+     -moz-transform: @string;
+      -ms-transform: @string;
+       -o-transform: @string;
+          transform: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
+.user-select (@string: none) {
+  /* user-select *///
+  -webkit-user-select: @string;
+     -moz-user-select: @string;
+      -ms-user-select: @string;
+          user-select: @string;
+}
+
+// Hide something visually but keep available for screen readers.
+// http://h5bp.com/v
+.hide-visually () {
+  /* hide-visually *///
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position:
+  absolute;
+  width: 1px;
+}
+
+// Align an object with absolute positioning
+// Used to align the Big Play Button in the corners or center
+.absolute-align (@align, @margin, @length) when (@align = top) {
+  top: @margin;
+}
+.absolute-align (@align, @margin, @length) when (@align = bottom) {
+  bottom: @margin;
+}
+.absolute-align (@align, @margin, @length) when (@align = left) {
+  left: @margin;
+}
+.absolute-align (@align, @margin, @length) when (@align = right) {
+  right: @margin;
+}
+.absolute-align (@align, @margin, @length) when (@align = center) {
+  /* Center it horizontally *///
+  left: 50%;
+  margin-left: -(@length / 2);
+}
+.absolute-align (@align, @margin, @length) when (@align = middle) {
+  /* Center it vertically *///
+  top: 50%;
+  margin-top: -(@length / 2);
+}
+
+// http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text
+.background-color-with-alpha (@color, @alpha) {
+  @rgba: rgba(red(@color), green(@color), blue(@color), @alpha);
+  /* background-color-with-alpha *///
+  background-color: @color;
+  background-color: @rgba;
+  // No longer using MS filters because they break border radius in IE9
+  // @argb: argb(@rgba);
+  // filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
+  // -ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
+}
+
+.border-color-with-alpha (@color, @alpha) {
+  @rgba: rgba(red(@color), green(@color), blue(@color), @alpha);
+  /* border-color-with-alpha *///
+  border-color: @color;
+  border-color: @rgba;
+}
+
+// NOTES ON LESS (tracking learnings so we don't forget)
+// =============================================================================
+// * We want this file to continue to be accessible by people who don't know
+//   LESS but know CSS. This means finding the balance between using the most
+//   valuable LESS features (e.g. variables) and keeping it looking like CSS.
+//   So it's best to avoid advanced LESS features like conditional statements.
+//   (we're using one for the big play button position because that's a hot
+//   topic)
+//
+// * We care about the readability of the CSS output of LESS, which means we
+//   have to be careful about what features of LESS we use. (if you're building
+//   your own skin this may not apply)
+//     1. Comments inside of rules (strangely) have an extra line added after
+//        them in the CSS output. To avoid this we can add a LESS comment after
+//        the CSS comment.
+//          /* comment *///
+//
+//     2. In a rule with nested rules, any comments outside of a rule are moved
+//        to the top of the parent rule. i.e. it might look like:
+//          /* title of rule 1 */
+//          /* title of rule 2 */
+//          .rule1 {}
+//          .rule2 {}
+//        This is why we aren't using nested rules inside of the
+//        vjs-default-skin class.
+
+/* -----------------------------------------------------------------------------
+The original source of this file lives at
+https://github.com/videojs/video.js/blob/master/src/css/video-js.less */

src/js/big-play-button.js

@@ -1,38 +1,23 @@
 /* Big Play Button
 ================================================================================ */
 /**
- * Initial play button. Shows before the video has played.
+ * Initial play button. Shows before the video has played. The hiding of the
+ * big play button is done via CSS and player states.
  * @param {vjs.Player|Object} player
  * @param {Object=} options
+ * @class
  * @constructor
  */
-vjs.BigPlayButton = vjs.Button.extend({
-  /** @constructor */
-  init: function(player, options){
-    vjs.Button.call(this, player, options);
-
-    if (!player.controls()) {
-      this.hide();
-    }
-
-    player.on('play', vjs.bind(this, this.hide));
-    // player.on('ended', vjs.bind(this, this.show));
-  }
-});
+vjs.BigPlayButton = vjs.Button.extend();
 
 vjs.BigPlayButton.prototype.createEl = function(){
   return vjs.Button.prototype.createEl.call(this, 'div', {
     className: 'vjs-big-play-button',
-    innerHTML: '<span></span>',
+    innerHTML: '<span aria-hidden="true"></span>',
     'aria-label': 'play video'
   });
 };
 
 vjs.BigPlayButton.prototype.onClick = function(){
-  // Go back to the beginning if big play button is showing at the end.
-  // Have to check for current time otherwise it might throw a 'not ready' error.
-  //if(this.player_.currentTime()) {
-    //this.player_.currentTime(0);
-  //}
   this.player_.play();
 };

src/js/button.js

@@ -4,15 +4,21 @@
  * Base class for all buttons
  * @param {vjs.Player|Object} player
  * @param {Object=} options
+ * @class
  * @constructor
  */
 vjs.Button = vjs.Component.extend({
-  /** @constructor */
+  /**
+   * @constructor
+   * @inheritDoc
+   */
   init: function(player, options){
     vjs.Component.call(this, player, options);
 
     var touchstart = false;
-    this.on('touchstart', function() {
+    this.on('touchstart', function(event) {
+      // Stop click and other mouse events from triggering also
+      event.preventDefault();
       touchstart = true;
     });
     this.on('touchmove', function() {
@@ -24,7 +30,6 @@ vjs.Button = vjs.Component.extend({
         self.onClick(event);
       }
       event.preventDefault();
-      event.stopPropagation();
     });
 
     this.on('click', this.onClick);