v4.3.0-3

We were checking if `backgroundSize` was present on the video element, not the style property of the video element. That meant the IE fallback was being used on all platforms and breaks aspect-ratio preserving poster scaling for those browsers that support it.

.bunyipconfig.js.example

@@ -0,0 +1,21 @@
+/*
+Bunyip is a tool for multi-browser/device testing
+  https://github.com/ryanseddon/bunyip
+It uses a few service under the hood including:
+  Browsertack - http://browserstack.com
+  Pagekite https://pagekite.net
+You'll need accounts at both to use bunyip
+You'll also need to download and install pagekite.py
+*/
+var config = {
+    "browserstack": {
+        "username": "your-browserstack-email@example.com",
+        "password": "your browserstack password",
+        "timeout": 300
+    },
+    "port": 9000,
+    "tunnellink": "your-subdomain.pagekite.me",
+    "tunnel": "pagekite.py <port> your-subdomain.pagekite.me"
+};
+
+module.exports = config;

.editorconfig

@@ -0,0 +1,11 @@
+# editorconfig.org - unify code style
+# plugins for text editors: editorconfig.org/#download
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.gitignore

@@ -1,4 +1,27 @@
 .DS_Store
 dist/*
+build/files/*
+docs/api/*
 dev.html
-projects
+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

.jshintrc

@@ -0,0 +1,40 @@
+{
+    "evil" : true,
+    "validthis": true,
+    "browser"  : true,
+    "debug"    : true,
+    "boss"     : true,
+    "expr"     : true,
+    "eqnull"   : true,
+    "quotmark" : "single",
+    "sub"      : true,
+    "trailing" : true,
+    "undef"    : true,
+    "laxbreak" : true,
+    "predef"   : [
+        "_V_",
+        "videojs",
+        "vjs",
+        "goog",
+        "console",
+
+        "require",        
+
+        "PlayerTest",
+        "asyncTest",
+        "deepEqual",
+        "equal",
+        "expect",
+        "module",
+        "notDeepEqual",
+        "notEqual",
+        "notStrictEqual",
+        "ok",
+        "QUnit",
+        "raises",
+        "start",
+        "stop",
+        "strictEqual",
+        "test"
+    ]
+}

.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

.travis.yml

@@ -0,0 +1,3 @@
+language: node_js
+node_js:
+  - 0.8

CHANGELOG.md

@@ -0,0 +1,135 @@
+CHANGELOG
+=========
+
+## Unreleased (HEAD)
+* 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)
+* Exported requestFullScreen() and cancelFullScreen() in the minified version [view](https://github.com/videojs/video.js/pull/555)
+* Exported the global players reference, videojs.players [view](https://github.com/videojs/video.js/pull/560)
+* Added google analytics to the CDN version ([view](https://github.com/videojs/video.js/pull/568))
+* Exported fadeIn/fadeOut for the Component API ([view](https://github.com/videojs/video.js/pull/581))
+* Fixed an IE poster error when autoplaying ([view](https://github.com/videojs/video.js/pull/593))
+* Exported bufferedPercent for the API ([view](https://github.com/videojs/video.js/pull/588))
+* Augmented user agent detection, specifically for Android versions ([view](https://github.com/videojs/video.js/pull/470))
+* Fixed IE9 canPlayType error ([view](https://github.com/videojs/video.js/pull/606))
+* Fixed various issues with captions ([view](https://github.com/videojs/video.js/pull/609))
+
+## 4.0.4 (2013-06-11)
+* Added google analytics to current CDN version. ([view](https://github.com/videojs/video.js/pull/571))
+
+## 4.0.3 (2013-05-28)
+* Fixed an bug with exiting fullscreen. [view](https://github.com/videojs/video.js/pull/546)
+
+## 4.0.2 (2013-05-23)
+* Correct version number for CDN swf url. Minify CSS. [view](https://github.com/videojs/video.js/pull/535)
+
+## 4.0.1 (2013-05-22)
+* Fixed old IE font loading [view](https://github.com/videojs/video.js/pull/532)
+
+## 4.0.0 (2013-05-09)
+* Improved performance through an 18% size reduction using Google Closure Compiler in advanced mode
+* Greater stability through an automated cross-browser/device test suite using TravisCI, Bunyip, and Browserstack.
+* New plugin interface and plugin listing for extending Video.js
+* New default skin design that uses font icons for greater customization
+* Responsive design and retina display support
+* Improved accessibility through better ARIA support
+* Moved to Apache 2.0 license
+* 100% JavaScript development tool set including Grunt
+* Updated docs to use Github markdown
+* Allow disabling of default components
+* Duration is now setable (need ed for HLS m3u8 files)
+* Event binders (on/off/one) now return the player instance
+* Stopped player from going back to beginning on ended event
+* Added support for percent width/height and fluid layouts
+* Improved load order of elements to reduce reflow
+* Changed addEvent function name to 'on'
+* Removed conflicting array.indexOf function
+* Added exitFullScreen to support BlackBerry devices (pull/143)
+
+## 3.2.0 (2012-03-20)
+* Updated docs with more options.
+* Overhauled HTML5 Track support.
+* Fixed Flash always autoplaying when setting source.
+* Fixed localStorage context
+* Updated 'fullscreenchange' event to be called even if the user presses escape to exit fullscreen.
+* Automatically converting URsource URL to absolute for Flash fallback.
+* Created new 'loadedalldata' event for when  the source is completely downloaded
+* Improved player.destroy(). Now removes elements and references.
+* Refactored API to be more immediately available.
+
+### Patches
+* 3.2.1 (2012-04-06) Fixed setting width/height with javascript options
+* 3.2.2 (2012-05-02) Fixed error with multiple controls fading listeners
+* 3.2.3 (2012-11-12) Fixed chrome spinner continuing on seek
+
+## 3.1.0 (2012-01-30)
+* Added CSS fix for Firefox 9 fullscreen (in the rare case that it's enabled)
+* Replaced swfobject with custom embed to save file size.
+* Added  flash iframe-mode, an experimental method for getting around flash reloading issues.
+* Fixed issue with volume knob position. Improved controls fading.
+* Fixed ian issue with triggering fullscreen a second time.
+* Fixed issue with getting attributes in Firefox 3.0
+* Escaping special characters in source URL for Flash
+* Added a check for if Firefox is enabled which fixes a Firefox 9 issue
+* Stopped spinner from showing on 'stalled' events since browsers sometimes don't show that they've recovered.
+* Fixed CDN Version which was breaking dev.html
+* Made full-window mode more independent
+* Added rakefile for release generation
+
+## 3.0.0 (2012-01-10)
+* Same HTML/CSS Skin for both HTML5 and Flash video
+* Super lightweight Flash fallback player for browsers that don’t support HTML5 video
+* Free CDN hosting
+
+### Patches
+* 3.0.2 (2012-01-12) Started tracking changes with zenflow
+* 3.0.3 (2012-01-12) Added line to docs to test zenflow
+* 3.0.4 (2012-01-12) Fixing an undefined source when no sources exist on load
+* 3.0.5 (2012-01-12) Removed deprecated event.layerX and layerY
+* 3.0.6 (2012-01-12) Fixed wrong URL for CDN in docs
+* 3.0.7 (2012-01-12) Fixed an ie8 breaking bug with the poster
+* 3.0.8 (2012-01-23) Fixed issue with controls not hiding in IE due to no opacity support

CONTRIBUTING.md

@@ -0,0 +1,270 @@
+CONTRIBUTING
+============
+So you want to help out? Great! There's a number of ways you can get involved.
+
+  * [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)
+
+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)
+
+  * [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)
+
+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**.
+
+### Reporting a Bug
+
+**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/videojs/video.js/issues) — check if the issue has already been reported.
+
+2. Check if the issue has already been fixed — try to reproduce it using the latest `master` branch in the repository.
+
+3. Isolate the problem — **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 should be as detailed as possible, so that others won't have to follow up for the essential details.
+
+Here's an example:
+
+> Short yet concise Bug Summary
+>
+> 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.
+>
+> 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/videojs/video.js/issues/new)**
+
+### 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.
+
+
+Commit and push changes as you go (using git directly). Write thorough descriptions of your changes in your commit messages.
+
+```bash
+git add .
+git commit -av
+git push
+```
+
+> 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')
+> ```
+
+### Submitting your changes
+
+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.
+
+Make sure your changes are pushed to origin
+
+```bash
+git push
+```
+
+Use contrib to submit a a pull request (make sure you're in your feature branch)
+
+```bash
+contrib feature submit
+```
+
+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.
+
+You're Done! (except for cleanup.) To clean up your feature or hotfix branch:
+
+First, checkout your feature or issue branch:
+
+```bash
+git checkout (branchname)
+```
+
+Run this command to clean up your feature:
+
+```bash
+contrib feature delete
+```
+
+Run this command to clean up your bug fix:
+
+```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:
+* Two space indents.
+* Delimit strings with single-quotes `'`, not double-quotes `"`.
+* No trailing whitespace, except in markdown files where a linebreak must be forced.
+* No more than [one assignment](http://benalman.com/news/2012/05/multiple-var-statements-javascript/) per `var` statement.
+* Prefer `if` and `else` to ["clever"](http://programmers.stackexchange.com/a/25281) uses of `? :` conditional or `||`, `&&` logical operators.
+* **When in doubt, follow the conventions you see used in the source already.**
+
+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!
+
+---
+### Doc Credit
+This doc was inspired by some great contribution guide examples including [contribute.md template](https://github.com/contribute-md/contribute-md-template),
+[grunt](https://github.com/gruntjs/grunt/wiki/Contributing),
+[html5 boilerplate](https://github.com/h5bp/html5-boilerplate/blob/master/CONTRIBUTING.md),
+[jquery](https://github.com/jquery/jquery/blob/master/CONTRIBUTING.md),
+and [node.js](https://github.com/joyent/node/wiki/Contributing).

Gruntfile.js

@@ -0,0 +1,446 @@
+module.exports = function(grunt) {
+  var pkg, s3, semver, version, verParts, uglify;
+
+  semver = require('semver');
+  pkg = grunt.file.readJSON('package.json');
+  uglify = require('uglify-js');
+
+  try {
+    s3 = grunt.file.readJSON('.s3config.json');
+  } catch(e) {
+    s3 = {};
+  }
+
+  verParts = pkg.version.split('.');
+  version = {
+    full: pkg.version,
+    major: verParts[0],
+    minor: verParts[1],
+    patch: verParts[2]
+  };
+  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,
+
+    build: {
+      src: 'src/js/dependencies.js',
+      options: {
+        baseDir: 'src/js/'
+      }
+    },
+    clean: {
+      build: ['build/files/*'],
+      dist: ['dist/*']
+    },
+    jshint: {
+      src: {
+        src: ['src/js/*.js', 'Gruntfile.js', 'test/unit/*.js'],
+        options: {
+          jshintrc: '.jshintrc'
+        }
+      }
+    },
+    minify: {
+      source:{
+        src: ['build/files/combined.video.js', 'build/compiler/goog.base.js', 'src/js/exports.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/player.externs.js', 'src/js/media/flash.externs.js', 'test/qunit-externs.js'],
+        dest: 'build/files/test.minified.video.js'
+      }
+    },
+    dist: {},
+    qunit: {
+      source: ['test/index.html'],
+      minified: ['test/minified.html'],
+      minified_api: ['test/minified-api.html']
+    },
+    watch: {
+      files: [ 'src/**/*', 'test/unit/*.js', 'Gruntfile.js' ],
+      tasks: 'dev'
+    },
+    copy: {
+      minor: {
+        files: [
+          {expand: true, cwd: 'build/files/', src: ['*'], dest: 'dist/'+version.majorMinor+'/', filter: 'isFile'} // includes files in path
+        ]
+      },
+      patch: {
+        files: [
+          {expand: true, cwd: 'build/files/', src: ['*'], dest: 'dist/'+version.full+'/', filter: 'isFile'} // includes files in path
+        ]
+      }
+    },
+    s3: {
+      options: s3,
+      minor: {
+        upload: [
+          {
+            src: 'dist/cdn/*',
+            dest: 'vjs/'+version.majorMinor+'/',
+            rel: 'dist/cdn/',
+            headers: {
+              'Cache-Control': 'public, max-age=2628000'
+            }
+          }
+        ]
+      },
+      patch: {
+        upload: [
+          {
+            src: 'dist/cdn/*',
+            dest: 'vjs/'+version.full+'/',
+            rel: 'dist/cdn/',
+            headers: {
+              'Cache-Control': 'public, max-age=31536000'
+            }
+          }
+        ]
+      }
+    },
+    cssmin: {
+      minify: {
+        expand: true,
+        cwd: 'build/files/',
+        src: ['video-js.css'],
+        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/'
+        }
+      }
+    }
+  });
+
+  grunt.loadNpmTasks('grunt-contrib-jshint');
+  grunt.loadNpmTasks('grunt-contrib-qunit');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  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', 'less', 'build', 'minify', 'dist']);
+  // Development watch task
+  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(){
+    // Fix windows file path delimiter issue
+    var i = sourceFiles.length;
+    while (i--) {
+      sourceFiles[i] = sourceFiles[i].replace(/\\/g, '/');
+    }
+
+    // Create a combined sources file. https://github.com/zencoder/video-js/issues/287
+    var combined = '';
+    sourceFiles.forEach(function(result){
+      combined += grunt.file.read(result);
+    });
+    // Replace CDN version ref in js. Use major/minor version.
+    combined = combined.replace(/GENERATED_CDN_VSN/g, version.majorMinor);
+    grunt.file.write('build/files/combined.video.js', combined);
+
+    // Copy over other files
+    // 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
+    var css = grunt.file.read('build/files/video-js.css');
+    css = css.replace(/GENERATED_AT_BUILD/g, version.full);
+    grunt.file.write('build/files/video-js.css', css);
+
+    // Copy over font files
+    grunt.file.recurse('src/css/font', function(absdir, rootdir, subdir, filename) {
+      // Block .DS_Store files
+      if ('filename'.substring(0,1) !== '.') {
+        grunt.file.copy(absdir, 'build/files/font/' + filename);
+      }
+    });
+
+    // Minify CSS
+    grunt.task.run(['cssmin']);
+  });
+
+  grunt.registerMultiTask('minify', 'Minify JS files using Closure Compiler.', function() {
+    var done = this.async();
+    var exec = require('child_process').exec;
+
+    var externs = this.data.externs || [];
+    var dest = this.data.dest;
+    var filePatterns = [];
+
+    // Make sure deeper directories exist for compiler
+    grunt.file.write(dest, '');
+
+    if (this.data.sourcelist) {
+      filePatterns = filePatterns.concat(grunt.file.read(this.data.sourcelist).split(','));
+    }
+    if (this.data.src) {
+      filePatterns = filePatterns.concat(this.data.src);
+    }
+
+    // Build closure compiler shell command
+    var command = 'java -jar build/compiler/compiler.jar'
+                + ' --compilation_level ADVANCED_OPTIMIZATIONS'
+                // + ' --formatting=pretty_print'
+                + ' --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 + ' */ (function() {%output%})();"';
+                //@ sourceMappingURL=video.js.map
+
+    // Add each js file
+    grunt.file.expand(filePatterns).forEach(function(file){
+      command += ' --js='+file;
+    });
+
+    // Add externs
+    externs.forEach(function(extern){
+      command += ' --externs='+extern;
+    });
+
+    // Run command
+    exec(command, { maxBuffer: 500*1024 }, function(err, stdout, stderr){
+
+      if (err) {
+        grunt.warn(err);
+        done(false);
+      }
+
+      if (stdout) {
+        grunt.log.writeln(stdout);
+      }
+
+      done();
+    });
+  });
+
+  grunt.registerTask('dist', 'Creating distribution', function(){
+    var exec = require('child_process').exec;
+    var done = this.async();
+    var css, jsmin, jsdev, cdnjs;
+
+    // Manually copy each source file
+    grunt.file.copy('build/files/minified.video.js', 'dist/video-js/video.js');
+    grunt.file.copy('build/files/combined.video.js', 'dist/video-js/video.dev.js');
+    grunt.file.copy('build/files/video-js.css', 'dist/video-js/video-js.css');
+    grunt.file.copy('build/files/video-js.min.css', 'dist/video-js/video-js.min.css');
+    grunt.file.copy('build/files/video-js.swf', 'dist/video-js/video-js.swf');
+    grunt.file.copy('build/demo-files/demo.html', 'dist/video-js/demo.html');
+    grunt.file.copy('build/demo-files/demo.captions.vtt', 'dist/video-js/demo.captions.vtt');
+
+    // Copy over font files
+    grunt.file.recurse('build/files/font', function(absdir, rootdir, subdir, filename) {
+      // Block .DS_Store files
+      if ('filename'.substring(0,1) !== '.') {
+        grunt.file.copy(absdir, 'dist/video-js/font/' + filename);
+      }
+    });
+
+    // CDN version uses already hosted font files
+    // Minified version only, doesn't need demo files
+    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/2/');
+    grunt.file.write('dist/cdn/video-js.css', css);
+
+    // Add CDN-specfic JS
+    jsmin = grunt.file.read('dist/cdn/video.js');
+    // GA Tracking Pixel (manually building the pixel URL)
+    cdnjs = uglify.minify('src/js/cdn.js').code.replace('v0.0.0', 'v'+version.full);
+    grunt.file.write('dist/cdn/video.js', jsmin + cdnjs);
+
+    // Zip up into video-js-VERSION.zip
+    exec('cd dist && zip -r video-js-'+version.full+'.zip video-js && cd ..', { maxBuffer: 500*1024 }, function(err, stdout, stderr){
+
+      if (err) {
+        grunt.warn(err);
+        done(false);
+      }
+
+      if (stdout) {
+        grunt.log.writeln(stdout);
+      }
+
+      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);
+            });
+          });
+        });
+      });
+    });
+  });
+
+};

LGPLv3-LICENSE.txt

@@ -1,165 +0,0 @@
-                   GNU LESSER GENERAL PUBLIC LICENSE
-                       Version 3, 29 June 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-
-  This version of the GNU Lesser General Public License incorporates
-the terms and conditions of version 3 of the GNU General Public
-License, supplemented by the additional permissions listed below.
-
-  0. Additional Definitions.
-
-  As used herein, "this License" refers to version 3 of the GNU Lesser
-General Public License, and the "GNU GPL" refers to version 3 of the GNU
-General Public License.
-
-  "The Library" refers to a covered work governed by this License,
-other than an Application or a Combined Work as defined below.
-
-  An "Application" is any work that makes use of an interface provided
-by the Library, but which is not otherwise based on the Library.
-Defining a subclass of a class defined by the Library is deemed a mode
-of using an interface provided by the Library.
-
-  A "Combined Work" is a work produced by combining or linking an
-Application with the Library.  The particular version of the Library
-with which the Combined Work was made is also called the "Linked
-Version".
-
-  The "Minimal Corresponding Source" for a Combined Work means the
-Corresponding Source for the Combined Work, excluding any source code
-for portions of the Combined Work that, considered in isolation, are
-based on the Application, and not on the Linked Version.
-
-  The "Corresponding Application Code" for a Combined Work means the
-object code and/or source code for the Application, including any data
-and utility programs needed for reproducing the Combined Work from the
-Application, but excluding the System Libraries of the Combined Work.
-
-  1. Exception to Section 3 of the GNU GPL.
-
-  You may convey a covered work under sections 3 and 4 of this License
-without being bound by section 3 of the GNU GPL.
-
-  2. Conveying Modified Versions.
-
-  If you modify a copy of the Library, and, in your modifications, a
-facility refers to a function or data to be supplied by an Application
-that uses the facility (other than as an argument passed when the
-facility is invoked), then you may convey a copy of the modified
-version:
-
-   a) under this License, provided that you make a good faith effort to
-   ensure that, in the event an Application does not supply the
-   function or data, the facility still operates, and performs
-   whatever part of its purpose remains meaningful, or
-
-   b) under the GNU GPL, with none of the additional permissions of
-   this License applicable to that copy.
-
-  3. Object Code Incorporating Material from Library Header Files.
-
-  The object code form of an Application may incorporate material from
-a header file that is part of the Library.  You may convey such object
-code under terms of your choice, provided that, if the incorporated
-material is not limited to numerical parameters, data structure
-layouts and accessors, or small macros, inline functions and templates
-(ten or fewer lines in length), you do both of the following:
-
-   a) Give prominent notice with each copy of the object code that the
-   Library is used in it and that the Library and its use are
-   covered by this License.
-
-   b) Accompany the object code with a copy of the GNU GPL and this license
-   document.
-
-  4. Combined Works.
-
-  You may convey a Combined Work under terms of your choice that,
-taken together, effectively do not restrict modification of the
-portions of the Library contained in the Combined Work and reverse
-engineering for debugging such modifications, if you also do each of
-the following:
-
-   a) Give prominent notice with each copy of the Combined Work that
-   the Library is used in it and that the Library and its use are
-   covered by this License.
-
-   b) Accompany the Combined Work with a copy of the GNU GPL and this license
-   document.
-
-   c) For a Combined Work that displays copyright notices during
-   execution, include the copyright notice for the Library among
-   these notices, as well as a reference directing the user to the
-   copies of the GNU GPL and this license document.
-
-   d) Do one of the following:
-
-       0) Convey the Minimal Corresponding Source under the terms of this
-       License, and the Corresponding Application Code in a form
-       suitable for, and under terms that permit, the user to
-       recombine or relink the Application with a modified version of
-       the Linked Version to produce a modified Combined Work, in the
-       manner specified by section 6 of the GNU GPL for conveying
-       Corresponding Source.
-
-       1) Use a suitable shared library mechanism for linking with the
-       Library.  A suitable mechanism is one that (a) uses at run time
-       a copy of the Library already present on the user's computer
-       system, and (b) will operate properly with a modified version
-       of the Library that is interface-compatible with the Linked
-       Version.
-
-   e) Provide Installation Information, but only if you would otherwise
-   be required to provide such information under section 6 of the
-   GNU GPL, and only to the extent that such information is
-   necessary to install and execute a modified version of the
-   Combined Work produced by recombining or relinking the
-   Application with a modified version of the Linked Version. (If
-   you use option 4d0, the Installation Information must accompany
-   the Minimal Corresponding Source and Corresponding Application
-   Code. If you use option 4d1, you must provide the Installation
-   Information in the manner specified by section 6 of the GNU GPL
-   for conveying Corresponding Source.)
-
-  5. Combined Libraries.
-
-  You may place library facilities that are a work based on the
-Library side by side in a single library together with other library
-facilities that are not Applications and are not covered by this
-License, and convey such a combined library under terms of your
-choice, if you do both of the following:
-
-   a) Accompany the combined library with a copy of the same work based
-   on the Library, uncombined with any other library facilities,
-   conveyed under the terms of this License.
-
-   b) Give prominent notice with the combined library that part of it
-   is a work based on the Library, and explaining where to find the
-   accompanying uncombined form of the same work.
-
-  6. Revised Versions of the GNU Lesser General Public License.
-
-  The Free Software Foundation may publish revised and/or new versions
-of the GNU Lesser General Public License from time to time. Such new
-versions will be similar in spirit to the present version, but may
-differ in detail to address new problems or concerns.
-
-  Each version is given a distinguishing version number. If the
-Library as you received it specifies that a certain numbered version
-of the GNU Lesser General Public License "or any later version"
-applies to it, you have the option of following the terms and
-conditions either of that published version or of any later version
-published by the Free Software Foundation. If the Library as you
-received it does not specify a version number of the GNU Lesser
-General Public License, you may choose any version of the GNU Lesser
-General Public License ever published by the Free Software Foundation.
-
-  If the Library as you received it specifies that a proxy can decide
-whether future versions of the GNU Lesser General Public License shall
-apply, that proxy's public statement of acceptance of any version is
-permanent authorization for you to choose that version for the
-Library.

LICENSE

@@ -0,0 +1,13 @@
+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.

README.md

@@ -1,30 +1,18 @@
-VideoJS - [HTML5 Video Player](http://videojs.com)
-==================================================
-Version 3.0 BETA
 
-Visit the main site at [videojs.com](http://videojs.com) for download options and instructions.
+# [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)
 
-To build video-js from the latest version of the source, clone the source repository and run:
-sh build.sh
-in the video-js directory using the commnand-line/terminal of a unix-based system.
+> 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.
 
-Contributing
-------------
-If you'd like to help out on VideoJS, you are awesome. Updates should be made to the source files and then make a pull request.
+Visit [videojs.com](http://videojs.com) for an overview, download options, and instructions on how to use the player on your site.
 
-When working on VideoJS code, you can use dev.html as your test page. It doesn't exist in the repo and changes to it won't be tracked. To get your own copy simply clone the repo and copy dev.html.example.
-cp dev.html.example dev.html
+## 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).
 
-You can use dev.html to test new code. It's simple HTML doc that includes all the source files. Send a pull request for any updates.
+## 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.
 
----
-BETA NOTES  
-Version 3 is almost a complete rewrite of the previous versions of VideoJS. New features includes:
+## License
 
-  - HTML/CSS Controls and API now work for both the HTML5 and Flash versions.
-  - Custom Super-lightweight Flash Fallback
-  - Embed Code is much simpler.
-    - No more "vjs-box" div required, just use the video tag.
-    - No more embedding of Flash fallback within the video tag HTML.
+Video.js is licensed under the Apache License, Version 2.0. [View the license file](LICENSE)
 
----
+Copyright 2013 Brightcove, Inc.

bower.json

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

browsers.json

@@ -0,0 +1,37 @@
+[
+  {
+    "os": "win",
+    "browser": "chrome",
+    "version": "27.0"
+  },
+  {
+    "os": "win",
+    "browser": "firefox",
+    "version": "20.0"
+  },
+  {
+    "os": "win",
+    "browser": "ie",
+    "version": "9.0"
+  },
+  {
+    "os": "win",
+    "browser": "ie",
+    "version": "10.0"
+  },
+  {
+    "os": "ios",
+    "device": "iPhone 5",
+    "version": "6.0"
+  },
+  {
+    "os": "ios",
+    "device": "iPad 3rd (6.0)",
+    "version": "6.0"
+  },
+  {
+    "os": "android",
+    "device": "Samsung Galaxy Tab 2 10.1",
+    "version": "4.0"
+  }
+]

build.sh

@@ -1,48 +0,0 @@
-#! /bin/csh
-# Combines Source Files. In terminal, sh build.sh
-# It will put a new video.js file under dist/
-
-# Create dist directory if it doesn't already exist
-mkdir -p dist
-
-# FILES=../src/*
-# for f in $FILES
-# do
-#   echo "Processing $f file..."
-#   # take action on each file. $f store current file name
-#   cat $f
-# done
-
-cat src/_begin.js > dist/video.js
-
-cat src/core.js >> dist/video.js
-cat src/lib.js >> dist/video.js
-cat src/ecma.js >> dist/video.js
-cat src/json.js >> dist/video.js
-cat src/events.js >> dist/video.js
-
-cat src/component.js >> dist/video.js
-cat src/player.js >> dist/video.js
-cat src/tech.js >> dist/video.js
-cat src/controls.js >> dist/video.js
-
-cat src/tracks.js >> dist/video.js
-
-# h5swf temporarily requires swfobject
-cat flash/swfobject.js >> dist/video.js
-
-cat src/setup.js >> dist/video.js
-cat src/_end.js >> dist/video.js
-
-
-# Copy Files
-cp design/video-js.css dist/video-js.css
-cp design/video-js.png dist/video-js.png
-cp flash/video-js.swf dist/video-js.swf
-
-cp build/release-files/README.md dist/README.md
-cp build/release-files/demo.html dist/demo.html
-cp LGPLv3-LICENSE.txt dist/LGPLv3-LICENSE.txt
-
-java -jar build/lib/yuicompressor-2.4.7.jar dist/video.js -o dist/video.min.js
-java -jar build/lib/yuicompressor-2.4.7.jar dist/video-js.css -o dist/video-js.min.css

build/Versioning Notes.md

@@ -1,24 +0,0 @@
-Version Numbers
----------------
-http://en.wikipedia.org/wiki/Software_versioning#Sequence-based_identifiers
-
-### Major Version (Integer, e.g 3.0)
-- Any features where we expect it could break plugins, skins, or any major API integration.
-
-### Minor Version (3.1)
-- Additional non-breaking features
-
-### Revision Versions
-
-- Beta (3.1-b1)
-- Release Candidate (3.1-rc1)
-- Release with revisions (3.1-r1)
-
-Notes:
-The last level of one revision type (beta/release candidate) should match the first level of the next revision type. 4.0-b10 should match 4.0-rc1, assuming b10 is the last beta version.
-
-Release revisions means bug fixes. The CDN url should not reflect the revision number. 4.0-r2 would still be /4.0/.
-
-Tagging a Release
------------------
-git tag -a v[version number] [commit]

build/compiler/COPYING

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   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.

build/compiler/README

@@ -0,0 +1,292 @@
+/*
+ * Copyright 2009 The Closure Compiler Authors.
+ *
+ * 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.
+ */
+
+//
+// Contents
+//
+
+The Closure Compiler performs checking, instrumentation, and
+optimizations on JavaScript code. The purpose of this README is to
+explain how to build and run the Closure Compiler.
+
+The Closure Compiler requires Java 6 or higher.
+http://www.java.com/
+
+
+//
+// Building The Closure Compiler
+//
+
+There are three ways to get a Closure Compiler executable.
+
+1) Use one we built for you.
+
+Pre-built Closure binaries can be found at
+http://code.google.com/p/closure-compiler/downloads/list
+
+
+2) Check out the source and build it with Apache Ant.
+
+First, check out the full source tree of the Closure Compiler. There
+are instructions on how to do this at the project site.
+http://code.google.com/p/closure-compiler/source/checkout
+
+Apache Ant is a cross-platform build tool.
+http://ant.apache.org/
+
+At the root of the source tree, there is an Ant file named
+build.xml. To use it, navigate to the same directory and type the
+command
+
+ant jar
+
+This will produce a jar file called "build/compiler.jar".
+
+
+3) Check out the source and build it with Eclipse.
+
+Eclipse is a cross-platform IDE.
+http://www.eclipse.org/
+
+Under Eclipse's File menu, click "New > Project ..." and create a
+"Java Project."  You will see an options screen. Give the project a
+name, select "Create project from existing source," and choose the
+root of the checked-out source tree as the existing directory. Verify
+that you are using JRE version 6 or higher.
+
+Eclipse can use the build.xml file to discover rules. When you
+navigate to the build.xml file, you will see all the build rules in
+the "Outline" pane. Run the "jar" rule to build the compiler in
+build/compiler.jar.
+
+
+//
+// Running The Closure Compiler
+//
+
+Once you have the jar binary, running the Closure Compiler is straightforward.
+
+On the command line, type
+
+java -jar compiler.jar
+
+This starts the compiler in interactive mode. Type
+
+var x = 17 + 25;
+
+then hit "Enter", then hit "Ctrl-Z" (on Windows) or "Ctrl-D" (on Mac or Linux)
+and "Enter" again. The Compiler will respond:
+
+var x=42;
+
+The Closure Compiler has many options for reading input from a file,
+writing output to a file, checking your code, and running
+optimizations. To learn more, type
+
+java -jar compiler.jar --help
+
+You can read more detailed documentation about the many flags at
+http://code.google.com/closure/compiler/docs/gettingstarted_app.html
+
+
+//
+// Compiling Multiple Scripts
+//
+
+If you have multiple scripts, you should compile them all together with
+one compile command.
+
+java -jar compiler.jar --js=in1.js --js=in2.js ... --js_output_file=out.js
+
+The Closure Compiler will concatenate the files in the order they're
+passed at the command line.
+
+If you need to compile many, many scripts together, you may start to
+run into problems with managing dependencies between scripts. You
+should check out the Closure Library. It contains functions for
+enforcing dependencies between scripts, and a tool called calcdeps.py
+that knows how to give scripts to the Closure Compiler in the right
+order.
+
+http://code.google.com/p/closure-library/
+
+//
+// Licensing
+//
+
+Unless otherwise stated, all source files are licensed under
+the Apache License, Version 2.0.
+
+
+-----
+Code under:
+src/com/google/javascript/rhino
+test/com/google/javascript/rhino
+
+URL: http://www.mozilla.org/rhino
+Version:  1.5R3, with heavy modifications
+License:  Netscape Public License and MPL / GPL dual license
+
+Description: A partial copy of Mozilla Rhino. Mozilla Rhino is an
+implementation of JavaScript for the JVM.  The JavaScript parser and
+the parse tree data structures were extracted and modified
+significantly for use by Google's JavaScript compiler.
+
+Local Modifications: The packages have been renamespaced. All code not
+relevant to parsing has been removed. A JsDoc parser and static typing
+system have been added.
+
+
+-----
+Code in:
+lib/rhino
+
+Rhino
+URL: http://www.mozilla.org/rhino
+Version:  Trunk
+License:  Netscape Public License and MPL / GPL dual license
+
+Description: Mozilla Rhino is an implementation of JavaScript for the JVM.
+
+Local Modifications: Minor changes to parsing JSDoc that usually get pushed
+up-stream to Rhino trunk.
+
+
+-----
+Code in:
+lib/args4j.jar
+
+Args4j
+URL: https://args4j.dev.java.net/
+Version: 2.0.16
+License: MIT
+
+Description:
+args4j is a small Java class library that makes it easy to parse command line
+options/arguments in your CUI application.
+
+Local Modifications: None.
+
+
+-----
+Code in:
+lib/guava.jar
+
+Guava Libraries
+URL: http://code.google.com/p/guava-libraries/
+Version:  13.0.1
+License: Apache License 2.0
+
+Description: Google's core Java libraries.
+
+Local Modifications: None.
+
+
+-----
+Code in:
+lib/jsr305.jar
+
+Annotations for software defect detection
+URL: http://code.google.com/p/jsr-305/
+Version: svn revision 47
+License: BSD License
+
+Description: Annotations for software defect detection.
+
+Local Modifications: None.
+
+
+-----
+Code in:
+lib/jarjar.jar
+
+Jar Jar Links
+URL: http://jarjar.googlecode.com/
+Version: 1.1
+License: Apache License 2.0
+
+Description:
+A utility for repackaging Java libraries.
+
+Local Modifications: None.
+
+
+----
+Code in:
+lib/junit.jar
+
+JUnit
+URL:  http://sourceforge.net/projects/junit/
+Version:  4.10
+License:  Common Public License 1.0
+
+Description: A framework for writing and running automated tests in Java.
+
+Local Modifications: None.
+
+
+---
+Code in:
+lib/protobuf-java.jar
+
+Protocol Buffers
+URL: http://code.google.com/p/protobuf/
+Version: 2.4.1
+License: New BSD License
+
+Description: Supporting libraries for protocol buffers,
+an encoding of structured data.
+
+Local Modifications: None
+
+
+---
+Code in:
+lib/ant.jar
+lib/ant-launcher.jar
+
+URL: http://ant.apache.org/bindownload.cgi
+Version: 1.8.1
+License: Apache License 2.0
+Description:
+  Ant is a Java based build tool. In theory it is kind of like "make"
+  without make's wrinkles and with the full portability of pure java code.
+
+Local Modifications: None
+
+
+---
+Code in:
+lib/json.jar
+URL: http://json.org/java/index.html
+Version: JSON version 20090211
+License: MIT license
+Description:
+JSON is a set of java files for use in transmitting data in JSON format.
+
+Local Modifications: None
+
+---
+Code in:
+tools/maven-ant-tasks-2.1.3.jar
+URL: http://maven.apache.org
+Version 2.1.3
+License: Apache License 2.0
+Description:
+  Maven Ant tasks are used to manage dependencies and to install/deploy to
+  maven repositories.
+
+Local Modifications: None

build/demo-files/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 ]

build/demo-files/demo.html

@@ -1,13 +1,19 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>VideoJS | HTML5 Video Player</title>
+  <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>
 
@@ -17,6 +23,8 @@
     <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>

build/release-files/README.md

@@ -1,153 +0,0 @@
-Video.js - [HTML5 Video Player](http://videojs.com)
-==================================================
-Version 3.0 BETA
-
----
-Version 3 is almost a complete rewrite of the previous versions of Video.js. New features includes:
-
-  - HTML/CSS Controls and API now work for both the HTML5 and Flash versions.
-  - Custom Super-lightweight Flash Fallback
-  - Embed Code is much simpler.
-    - No more "vjs-box" div required, just use the video tag.
-    - No more embedding of Flash fallback within the video tag HTML.
-
----
-
-View [videojs.com](http://videojs.com) for a demo and overview.  
-
-Video.js is an HTML5 video player that uses the HTML5 video tag built into modern browsers, and uses javascript to add custom controls, new functionality, and to fix cross browser bugs. For browsers that don't support HTML5, it will fallback to a Flash player.
-
-View demo.html for an example of how to use it.
-
-Originally based on [this tutorial](http://blog.steveheffernan.com/2010/04/how-to-build-an-html5-video-player/).
-
-Contributors (Github Username)
-------------------------------
-heff, dz0ny, sentientbit, tvdeyen, brandonarbini, gordonbrander, Shraymonks, albertogasparin, sandaru1, nicholasbs, majornista, Fredust85, @wonderboymusic, ellis-, emirpprime, eirikb, mbrubeck
-
-
-Getting Started
----------------
-
-### Step 1: Include the Video.js Javascript and CSS files in the head of your page.
-Change the file urls to point to the files on your server.
-
-    <script src="video.js"></script>
-    <link href="video-js.css" rel="stylesheet">
-
-
-### Step 2: Add an HTML5 video tag to your page.
-Use the video tag as normal, with a few extra pieces for Video.js:
-
-  1. The 'data-setup' attribute tells Video.js to automatically set up the video when the page is ready, and read any options (in JSON format) from the attribute.
-  2. The 'id' Attribute: Should be used and unique for every video on the same page.
-  3. The 'class' attribute contains two classes:
-    - 'video-js' applies styles that are required for Video.js functionality, like fullscreen and subtitles.
-    - 'vjs-default-skin' applies the default skin to the HTML controls, and can be removed or overridden to create your own controls design.
-
-Otherwise include/exclude attributes, settings, sources, and tracks exactly as you would for HTML5 video.
-
-    <video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264"
-        poster="http://video-js.zencoder.com/oceans-clip.png"
-        data-setup='{"example_option":true}'>
-      <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' />
-    </video>
-
-
-### Step 3: Nada!
-That's all it take to get started. See the [docs](http://videojs.com/docs/) for more advanced uses.
-
-
-Changelog
----------
-3.0
-
-- Complete rewrite
-- HTML/CSS Controls and API now work for both the HTML5 and Flash versions
-- Custom Super-lightweight Flash Fallback
-- Embed Code is much simpler.
-  - No more "vjs-box" div required, just use the video tag.
-  - No more embedding of Flash fallback within the video tag HTML.
-
-2.0.3
-
-- Feature: Made returning to the start at the end of the movie an option ("returnToStart").
-- Feature: Added loop option to loop movie ("loop").
-- Feature: Reorganized player API and listeners.
-- Feature: Added option to disable controls. controlsEnabled: false
-- Feature: Setup method now has a callback, so you can more easily work with the player after setup
-- Feature: Added listeners for enter/exit full screen/window.
-- Feature: Added a VideoJS.player(id) function for getting the player for a video ID
-- Changes: setupAllWhenReady is now just setupAll (backward compatible)
-- Fix: Check for Android browser now excludes firefox and opera
-
-2.0.2 (2010-12-10)
-
-- Feature: Rewrote and optimized subtitle code.
-- Feature: Protecting against volume ranges outside of 1 and 0.
-- Fix: Bug in Safari for Mac OS 10.5 (Leopard) that was breaking fullscreen.
-
-2.0.1 (2010-11-22)
-
-- Fix: Issue with big play button when multiple videos are on the page.
-- Fix: Optimized play progress tracking.
-- Fix: Optimized buffer progress checking.
-- Fix: Firefox not showing Flash fallback object.
-
-2.0.0 (2010-11-21)
-
-- Feature: Created "behaviors" concept for adding behaviors to elements
-- Feature: Switched back to divs for controls, for more portable styles
-- Feature: Created playerFallbackOrder array option. ["html5", "flash", "links"]
-- Feature: Created playerType concept, for initializing different platforms
-- Feature: Added play button for Android
-- Feature: Added spinner for iPad (non-fullscreen)
-- Feature: Split into multiple files for easier development
-- Feature: Combined VideoJS & _V_ into the same variable to reduce confusion
-- Fix: Checking for m3u8 files (Apple HTTP Streaming)
-- Fix: Catching error on localStorage full that safari seems to randomly throw
-- Fix: Scrubbing to end doesn't trigger onEnded
-
-1.1.5 (2010-11-09)
-
-- Feature: Switched to track method for setting subtitles. Now works like spec.
-- Feature: Created "players" concept for defining fallbacks and fallback order
-- Fix: Android playback bug.
-- Fix: Massive reorganization of code to make easier to navigate
-
-1.1.4 (2010-11-06)
-
-- Feature: Added loading spinner.
-- Feature: Improved styles loaded checking.
-- Feature: Added volume() function to get and set volume through the player.
-- Fix: Fix issue where FF would loop video in background when ended.
-- Fix: Bug in Chrome that shows poster & plays audio if you set currentTime too quickly.
-- Fix: Bug in Safari where waiting is triggered and shows spinner when not needed
-- Fix: Updated to show links if only unplayable sources and no Flash.
-- Fix: Issue where if play button was loaded after play, it wouldn't hide.
-
-1.1.3 (2010-10-19)
-
-- Feature: Width/Height functions for resizing the player
-- Feature: Made initial click & hold trigger new value on progress and volume
-- Feature: Made controls not hide when hovering over them
-- Feature: Added big play button as default starting control.
-- Fix: Removed trailing comma that was breaking IE7
-- Fix: Removed some vars from global scope
-- Fix: Changed a document.onmousemove to an eventListener to prevent conflicts
-- Fix: Added a unique ID to FlowPlayer demo object to fix a FlowPlayer bug. Thanks @emirpprime.
-- Fix: Safari error on unloaded video
-
-1.1.2 (2010-09-20)
-
-- Added a fix for the poster bug in iPad/iPhone
-- Added more specificity to styles
-
-1.1.1 (2010-09-14)
-
-- First Formally Versioned Release
-  
-1.0.0 (2010-05-18)
-
-- First released

build/source-loader.js

@@ -0,0 +1,73 @@
+// This file is used to load the video.js source files into a page
+// in the correct order based on dependencies.
+// When you create a new source file you will need to add
+// it to the list below to use it in sandbox/index.html and
+// test/index.html
+
+// You can use the projectRoot variable to adjust relative urls
+// that this script loads. By default it's "../", which is what /sandbox
+// and /test need. If you had sandbox/newDir/index.html, in index.html you
+// would set projectRoot = "../../"
+
+// We could use somehting like requireJS to load files, and at one point
+// we used goog.require/provide to load dependencies, but that seems like
+// overkill with the small number of files we actually have.
+
+// ADD NEW SOURCE FILES HERE
+var sourceFiles = [
+  "src/js/core.js",
+  "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",
+  "src/js/menu.js",
+  "src/js/player.js",
+  "src/js/control-bar/control-bar.js",
+  "src/js/control-bar/play-toggle.js",
+  "src/js/control-bar/time-display.js",
+  "src/js/control-bar/fullscreen-toggle.js",
+  "src/js/control-bar/progress-control.js",
+  "src/js/control-bar/volume-control.js",
+  "src/js/control-bar/mute-toggle.js",
+  "src/js/control-bar/volume-menu-button.js",
+  "src/js/poster.js",
+  "src/js/loading-spinner.js",
+  "src/js/big-play-button.js",
+  "src/js/media/media.js",
+  "src/js/media/html5.js",
+  "src/js/media/flash.js",
+  "src/js/media/loader.js",
+  "src/js/tracks.js",
+  "src/js/json.js",
+  "src/js/setup.js",
+  "src/js/plugins.js"
+];
+
+// Allow overriding the default project root
+var projectRoot = projectRoot || '../';
+
+function loadScripts(scriptsArr){
+  for (var i = 0; i < scriptsArr.length; i++) {
+    // Using document.write because that's the easiest way to avoid triggering
+    // asynchrnous script loading
+    document.write( "<script src='" + projectRoot + scriptsArr[i] + "'><\/script>" );
+  }
+}
+
+// We use this file in the grunt build script to load the same source file list
+// and don't want to load the scripts there.
+if (typeof blockSourceLoading === 'undefined') {
+  loadScripts(sourceFiles);
+
+  // Allow for making Flash first
+  if (window.location.href.indexOf("?flash") !== -1) {
+    // Using doc.write to load this script to, otherwise when it runs videojs
+    // is undefined
+    document.write('<script>videojs.options.techOrder = ["flash"];videojs.options.flash.swf = "../src/swf/video-js.swf";</script>')
+  }
+}
+
+

compare/compare.css

@@ -1,7 +0,0 @@
-body { background-color: #ccc; font-size: 11px; font-family: 'Helvetica Neue', helvetica, arial; }
-#main { width: 1000px; margin: 10px auto 0; }
-td, th { text-align: left; vertical-align: top; }
-td.info-col { width: 240px; }
-td.data { text-align: right; }
-span.na { color: red; }
-span.undefined { color: #999; }

compare/compare.html

@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8" />
-  <title>HTML5 Video Player</title>
-
-  <link rel="stylesheet" href="../design/video-js.css" type="text/css">
-  <!--[if lt IE 9]>
-    <script>
-      document.createElement("video"); // HTML5 Shiv. Must be in <head>.
-    </script>
-  <![endif]-->
-
-  <!--[if IE]>
-    <script src="https://getfirebug.com/firebug-lite.js" type="text/javascript" charset="utf-8"></script>
-  <![endif]-->
-
-
-  <script src="../src/core.js"></script>
-  <script src="../src/lib.js"></script>
-  <script src="../src/ecma.js"></script>
-  <script src="../src/json.js"></script>
-
-  <script src="../src/component.js"></script>
-  <script src="../src/player.js"></script>
-  <script src="../src/tech.js"></script>
-  <script src="../src/controls.js"></script>
-  <script src="../src/events.js"></script>
-  <script src="../src/tracks.js"></script>
-
-  <script src="../flash/swfobject.js"></script>
-
-	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
-
-	<link rel="stylesheet" href="compare.css" type="text/css">
-	<script type="text/javascript" src="compare.js"></script>
-</head>
-<body>
-<div id="main">
-  <table border="0" cellspacing="5" cellpadding="5">
-    <tr><th colspan="2">HTML5</th><th colspan="2">Flash</th></tr>
-    <tr>
-      <td colspan="2">
-        <video id="vid1" class="video-js vjs-default-skin" controls preload="auto" width="480" height="198"
-          poster="http://video-js.zencoder.com/oceans-clip.png">
-          <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'>
-        </video>
-      </td>
-      <td colspan="2">
-        <video id="vid2" class="video-js vjs-default-skin" controls preload="auto" width="480" height="198"
-          poster="http://video-js.zencoder.com/oceans-clip.png">
-          <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'> -->
-        </video>
-      </td>
-    </tr>
-    <tr>
-      <td class="info-col">
-        <table id="html5_props" border="0" cellspacing="0" cellpadding="0"></table>
-      </td>
-      <td class="info-col">
-        <div id="html5_events"></div>
-      </td>
-      <td class="info-col">
-        <table id="flash_props" border="0" cellspacing="0" cellpadding="0"></table>
-      </td>
-      <td class="info-col">
-        <div id="flash_events"></div>
-      </td>
-    </tr>
-  </table>
-</div>
-</body>
-</html>

compare/compare.js

@@ -1,70 +0,0 @@
-_V_.options.flash.swf = "../flash/video-js.swf";
-_V_.options.flash.swf = "http://andylemay.com/dev/videojs/VideoJS.swf";
-
-$(function(){
-  var tech, i, tname, player,
-      techList = ["html5","flash"],
-      props = "error,currentSrc,networkState,buffered,readyState,seeking,initialTime,duration,startOffsetTime,paused,played,seekable,ended,videoWidth,videoHeight,textTracks,preload,currentTime,defaultPlaybackRate,playbackRate,autoplay,loop,controls,volume,muted,defaultMuted,poster".split(","),
-      methods = "play,pause,src,load,canPlayType,addTextTrack",
-      notUsed = "mediaGroup,controller,videoTracks,audioTracks,defaultPlaybackRate";
-
-  for (i=0; i < techList.length; i++) {
-    tech = techList[i];
-    tname = tech.toLowerCase();
-
-    player = _V_("vid"+(i+1), { "techOrder":[tech] });
-
-    _V_.each(_V_.html5.events, function(evt){
-
-      player.addEvent(evt, _V_.proxy(tname, function(evt){
-        var eventsId = "#"+this+"_events",
-            type = evt.type,
-            prev = $(eventsId+" div").first();
-
-        if (prev && prev.html() && prev.html().indexOf(type + " ") === 0) {
-          var countSpan = prev.children(".count");
-          countSpan.html(parseInt(countSpan.html() || 1) + 1);
-        } else {
-          $("#"+this+"_events").prepend("<div>" + evt.type + " <span class='count'></span></div>");
-        }
-      }));
-    });
-
-    var propTable = $("#"+tname+"_props");
-    _V_.each(props, function(prop){
-      propTable.append("<tr><th>"+prop+"</th><td id='"+tname+prop+"' class='data'></td></tr>")
-    });
-
-    setInterval(_V_.proxy(player, function(){
-      _V_.each(props, _V_.proxy(this, function(prop){
-        var result = ""
-        try {
-          result = this[prop]();
-          if (result === false) result = "false";
-          if (result === true) result = "true";
-          if (result === "") result = "''";
-          if (result === null) result = "<span class='undefined'>null</span>";
-          if (result === undefined) result = "<span class='undefined'>undefined</span>";
-          if (typeof result.start == "function") {
-            var newResult = "", i;
-            if (result.length > 0) {
-              
-              for (i=0;i<result.length;i++) {
-                newResult += "l:"+result.length+" s:"+result.start(i)+" e:"+result.end(i);
-              }
-            } else {
-               newResult = "-";
-            }
-            result = newResult;
-            // result = result.toString();
-            // result = (result.length > 0) ? "s:"+result.start(0)+" e:"+result.end(0) : "-";
-          }
-        } catch(e) {
-          result = "<span class='na'>N/A</span>";
-        }
-        $("#"+this.techName+prop).html(result);
-      }));
-    }), 500);
-
-  };
-});

contrib.json

@@ -0,0 +1,7 @@
+{
+  "owner": "videojs",
+  "project": "video.js",
+  "developmentBranch": "master",
+  "releaseBranch": "stable",
+  "remote": "origin"
+}

decisions.txt

@@ -1,8 +0,0 @@
-Tracking/Polling CurrentTime Manually
--------------------------------------
-- Necessary for most flash players and browsers that don't trigger timeupdate events. 
-- In VJS 1-2, we always tracked time because timeupdate was rare.
-- Now most browsers support it well. There is a delay bug in the current Chrome.
-    http://code.google.com/p/chromium/issues/detail?id=92251
-  Andrew from Chrome told me it would be fix in an upcoming release.
-Going to rely on browsers timeupdates when available now.

demo-subtitles.srt

@@ -1,13 +0,0 @@
-1
-00:00:00,000 --> 00:00:07,200
-[Background Music Playing]
-
-2
-00:00:16,000 --> 00:00:17,200
-Welcome to this week's episode
-
-3
-00:00:17,400 --> 00:00:19,000
-of explore California
-
-

design/skin.old.css

@@ -1,190 +0,0 @@
-/* DEFAULT SKIN (override in another file)
-================================================================================
-Using all CSS to draw the controls. Images could be used if desired.
-Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
-so you can upgrade to newer versions easier. */
-
-.vjs-original-skin .vjs-controls {
-  position: absolute; margin: 0; opacity: 0.85; color: #fff;
-  display: block; /* Start hidden */
-  left: 0; right: 0; /* 100% width of video-js-box */ 
-  width: 100%;
-  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
-  height: 35px; /* Including any margin you want above or below control items */
-  padding: 0; /* Controls are absolutely position, so no padding necessary */
-  -webkit-transition: opacity 0.5s linear;
-  -moz-transition: opacity 0.5s linear;
-  -o-transition: opacity 0.5s linear;
-  -ms-transition: opacity 0.5s linear;
-  transition: opacity 0.5s linear;
-}
-
-.vjs-original-skin .vjs-control {
-  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
-  text-align: center; margin: 0; padding: 0;
-  height: 25px; /* Default height of individual controls */
-  top: 5px; /* Top margin to put space between video and controls when controls are below */
-
-  /* CSS Background Gradients 
-     Using to give the aqua-ish look. */
-  /* Default */ background-color: #0B151A;
-  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
-  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;
-
-  /* CSS Curved Corners */
-  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-
-  /* CSS Shadows */
-  -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000;
-}
-
-/* Placement of Control Items 
-   - Left side of pogress bar, use left & width
-   - Rigth side of progress bar, use right & width
-   - Expand with the video (like progress bar) use left & right
-   (using div.x to make more specific than vjs-control style)
-*/
-.vjs-original-skin div.vjs-play-control       { left: 5px;   width: 25px;  }
-.vjs-original-skin div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
-.vjs-original-skin div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
-.vjs-original-skin div.vjs-volume-control     { width: 50px; right: 35px;  }
-.vjs-original-skin div.vjs-fullscreen-control { width: 25px; right: 5px;   }
-
-/* Removing curved corners on progress control and time control to join them. */
-.vjs-original-skin div.vjs-progress-control {
-  -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;
-  -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;
-}
-.vjs-original-skin div.vjs-time-control {
-  -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0;
-  -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
-}
-
-/* Play/Pause
--------------------------------------------------------------------------------- */
-.vjs-original-skin .vjs-play-control { cursor: pointer !important; }
-/* Play Icon */
-.vjs-original-skin .vjs-play-control span { display: block; font-size: 0; line-height: 0; }
-.vjs-original-skin.vjs-paused .vjs-play-control span {
-  width: 0; height: 0; margin: 8px 0 0 8px;
-  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
-  border-left: 10px solid #fff; /* Width & Color of play icon */
-  /* Height of play icon is total top & bottom border widths. Color is transparent. */
-  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
-}
-.vjs-original-skin.vjs-playing .vjs-play-control span {
-  width: 3px; height: 10px; margin: 8px auto 0;
-  /* Drawing the pause bars with borders */
-  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
-}
-
-/* Progress
--------------------------------------------------------------------------------- */
-.vjs-original-skin .vjs-progress-holder { /* Box containing play and load progresses */
-  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
-  height: 9px; border: 1px solid #777;
-  margin: 7px 1px 0 5px; /* Placement within the progress control item */
-  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-}
-.vjs-original-skin .vjs-progress-holder div { /* Progress Bars */
-  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
-  left: 0; top: 0; /*Needed for IE6*/
-  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-}
-.vjs-original-skin .vjs-play-progress {
-  /* CSS Gradient */
-  /* Default */ background: #fff;
-  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
-  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
-}
-.vjs-original-skin .vjs-load-progress {
-  opacity: 0.8;
-  /* CSS Gradient */
-  /* Default */ background-color: #555;
-  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
-  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
-}
-
-/* Time Display
--------------------------------------------------------------------------------- */
-.vjs-original-skin .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
-.vjs-original-skin .vjs-time-control span { line-height: 25px; /* Centering vertically */ }
-
-/* Volume
--------------------------------------------------------------------------------- */
-.vjs-original-skin .vjs-volume-control { cursor: pointer !important; }
-.vjs-original-skin .vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
-/* Drawing the volume icon using 6 span elements */
-.vjs-original-skin .vjs-volume-control div span { /* Individual volume bars */
-  float: left; padding: 0; font-size: 0; line-height: 0;
-  margin: 0 2px 0 0; /* Space between */
-  width: 5px; height: 0px; /* Total height is height + bottom border */
-  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
-}
-.vjs-original-skin .vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
-/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
-.vjs-original-skin .vjs-volume-control div span.vjs-vc-1 { border-bottom-width: 2px; height: 16px; }
-.vjs-original-skin .vjs-volume-control div span.vjs-vc-2 { border-bottom-width: 4px; height: 14px; }
-.vjs-original-skin .vjs-volume-control div span.vjs-vc-3 { border-bottom-width: 7px; height: 11px; }
-.vjs-original-skin .vjs-volume-control div span.vjs-vc-4 { border-bottom-width: 10px; height: 8px; }
-.vjs-original-skin .vjs-volume-control div span.vjs-vc-5 { border-bottom-width: 14px; height: 4px; }
-.vjs-original-skin .vjs-volume-control div span.vjs-vc-6 { margin-right: 0; }
-
-/* Fullscreen
--------------------------------------------------------------------------------- */
-.vjs-original-skin .vjs-fullscreen-control { cursor: pointer !important; }
-.vjs-original-skin .vjs-fullscreen-control div {
-  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
-  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
-  width: 20px; height: 20px;
-}
-/* Drawing the fullscreen icon using 4 span elements */
-.vjs-original-skin .vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
-.vjs-original-skin .vjs-fullscreen-control div span.vjs-fc-1 { /* Top-left triangle */
-  margin-right: 3px; /* Space between top-left and top-right */
-  margin-bottom: 3px; /* Space between top-left and bottom-left */
-  border-top: 6px solid #fff; /* Height and color */
-  border-right: 6px solid rgba(0,0,0,0);  /* Width */
-}
-.vjs-original-skin .vjs-fullscreen-control div span.vjs-fc-2 { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
-.vjs-original-skin .vjs-fullscreen-control div span.vjs-fc-3 { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
-.vjs-original-skin .vjs-fullscreen-control div span.vjs-fc-4 { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
-/* Icon when video is in fullscreen mode */
-.vjs-original-skin.vjs-fullscreen .vjs-fullscreen-control div span.vjs-fc-1 { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
-.vjs-original-skin.vjs-fullscreen .vjs-fullscreen-control div span.vjs-fc-2 { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
-.vjs-original-skin.vjs-fullscreen .vjs-fullscreen-control div span.vjs-fc-3 { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
-.vjs-original-skin.vjs-fullscreen .vjs-fullscreen-control div span.vjs-fc-4 { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
-
-
-
-
-
-/* Big Play Button (at start)
----------------------------------------------------------*/
-.vjs-original-skin .vjs-big-play-button {
-  display: block; /* Start hidden */ z-index: 2;
-  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
-  border: 3px solid #fff; opacity: 0.9;
-  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
-  
-  /* CSS Background Gradients */
-  /* Default */ background-color: #0B151A;
-  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
-  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;
-
-  /* CSS Shadows */
-  -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;
-}
-
-.vjs-original-skin div.vjs-big-play-button:hover {
-  -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff; box-shadow: 0px 0px 80px #fff;
-}
-
-.vjs-original-skin div.vjs-big-play-button span {
-  display: block; font-size: 0; line-height: 0;
-  width: 0; height: 0; margin: 20px 0 0 23px;
-  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
-  border-left: 40px solid #fff; /* Width & Color of play icon */
-  /* Height of play icon is total top & bottom border widths. Color is transparent. */
-  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
-}

design/video-js.css

@@ -1,405 +0,0 @@
-/*
-VideoJS Default Styles (http://videojs.com)
-Version 3.0
-
-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: 10px;
-
-  /* Allow poster to be vertially aligned. */
-  vertical-align: middle;
-  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
-}
-
-/* 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%; }
-
-/* Fullscreen Styles */
-body.vjs-full-window {
-  padding: 0; margin: 0;
-  height: 100%; overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
-}
-.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;
-  _position: absolute; /* IE6 Full-window (underscore hack) */
-}
-.video-js:-webkit-full-screen {
-  width: 100% !important; height: 100% !important;
-}
-
-/* Poster Styles */
-.vjs-poster {
-  margin: 0 auto; padding: 0; cursor: pointer;
-
-  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
-  position: relative; width: 100%; max-height: 100%; 
-}
-
-
-/* Subtiles Styles */
-.video-js .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }
-
-/* DEFAULT SKIN (override in another file to create new skins)
-================================================================================
-Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
-so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */
-
-/* The default control bar. Created by bar.js */
-.vjs-default-skin .vjs-controls {
-  position: absolute;
-  bottom: 0; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
-  left: 0; right: 0; /* 100% width of div */
-  opacity: 0.85; 
-  display: none; /* Start hidden */
-  margin: 0; padding: 0; /* Controls are absolutely position, so no padding necessary */
-  height: 2.6em; /* Including any margin you want above or below control items */
-  color: #fff; border-top: 1px solid #404040;
-
-  /* CSS Gradient */
-  /* Can use the Ultimate CSS Gradient Generator: http://www.colorzilla.com/gradient-editor/ */
-  background: #242424; /* Old browsers */
-  background: -moz-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%,#242424), color-stop(50%,#1f1f1f), color-stop(100%,#171717)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Opera11.10+ */
-  background: -ms-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* IE10+ */
-  /* Filter was causing a lot of weird issues in IE. Elements would stop showing up, or other styles would break. */
-  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#171717',GradientType=0 );*/ /* IE6-9 */
-  background: linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* W3C */
-
-  /* Fade-in using CSS Transitions */
-  -webkit-transition: opacity 0.3s linear;
-  -moz-transition: opacity 0.3s linear;
-  -o-transition: opacity 0.3s linear;
-  -ms-transition: opacity 0.3s linear;
-  transition: opacity 0.3s linear;
-}
-
-/* General styles for individual controls. */
-.vjs-default-skin .vjs-control {
-  position: relative; float: left;
-  text-align: center; margin: 0; padding: 0;
-  height: 2.6em; width: 2.6em;
-}
-
-.vjs-default-skin .vjs-control:focus {
-  outline: 0;
-}
-
-/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
-.vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
-
-
-/* Play/Pause
--------------------------------------------------------------------------------- */
-.vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer !important; }
-/* Play Icon */
-.vjs-default-skin.vjs-paused .vjs-play-control div { width: 15px; height: 17px; background: url('video-js.png'); margin: 0.5em auto 0; }
-.vjs-default-skin.vjs-playing .vjs-play-control div { width: 15px; height: 17px; background: url('video-js.png') -25px 0; margin: 0.5em auto 0; }
-
-/* Rewind
--------------------------------------------------------------------------------- */
-.vjs-default-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
-.vjs-default-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url('video-js.png'); margin: 0.5em auto 0; }
-
-/* Volume/Mute
--------------------------------------------------------------------------------- */
-.vjs-default-skin .vjs-mute-control { width: 3.8em; cursor: pointer !important; float: right; }
-.vjs-default-skin .vjs-mute-control div { width: 22px; height: 16px; background: url('video-js.png') -75px -25px; margin: 0.5em auto 0; }
-.vjs-default-skin .vjs-mute-control.vjs-vol-0 div { background: url('video-js.png') 0 -25px; }
-.vjs-default-skin .vjs-mute-control.vjs-vol-1 div { background: url('video-js.png') -25px -25px; }
-.vjs-default-skin .vjs-mute-control.vjs-vol-2 div { background: url('video-js.png') -50px -25px; }
-
-
-.vjs-default-skin .vjs-volume-control { width: 5em; float: right; }
-.vjs-default-skin .vjs-volume-bar {
-  position: relative; width: 5em; height: 0.6em; margin: 1em auto 0; cursor: pointer !important;
-
-  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
-
-  background: #666;
-  background: -moz-linear-gradient(top, #333, #666);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));
-  background: -webkit-linear-gradient(top, #333, #666);
-  background: -o-linear-gradient(top, #333, #666);
-  background: -ms-linear-gradient(top, #333, #666);
-  background: linear-gradient(top, #333, #666);
-}
-.vjs-default-skin .vjs-volume-level {
-  position: absolute; top: 0; left: 0; height: 0.6em;
-
-  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
-
-  background: #fff;
-  background: -moz-linear-gradient(top, #fff, #ccc);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
-  background: -webkit-linear-gradient(top, #fff, #ccc);
-  background: -o-linear-gradient(top, #fff, #ccc);
-  background: -ms-linear-gradient(top, #fff, #ccc);
-  background: linear-gradient(top, #fff, #ccc);
-}
-.vjs-default-skin .vjs-volume-handle {
-  position: absolute; top: -0.2em; width: 0.8em; height: 0.8em; background: #ccc; left: 0;
-  border: 1px solid #fff;
-  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;
-}
-
-/* Progress
--------------------------------------------------------------------------------- */
-.vjs-default-skin div.vjs-progress-control {
-  position: absolute;
-  left: 4.8em; right: 4.8em; /* Leave room for time displays. */
-  height: 1.0em; width: auto;
-  top: -1.3em; /* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
-  border-bottom: 1px solid #1F1F1F;
-  border-top: 1px solid #222;
-
-  /* CSS Gradient */
-  background: #333;
-  background: -moz-linear-gradient(top, #222, #333);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
-  background: -webkit-linear-gradient(top, #222, #333);
-  background: -o-linear-gradient(top, #333, #222);
-  background: -ms-linear-gradient(top, #333, #222);
-  background: linear-gradient(top, #333, #222);
-
-
-  /* 1px top shadow */
-/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
-}
-
-/* Box containing play and load progresses. Also acts as seek scrubber. */
-.vjs-default-skin .vjs-progress-holder {
-  position: relative; cursor: pointer !important; /*overflow: hidden;*/
-  padding: 0; margin: 0; /* Placement within the progress control item */
-  height: 1.0em;
-  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;
-
-  /* CSS Gradient */
-  background: #111;
-  background: -moz-linear-gradient(top, #111, #262626);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#262626));
-  background: -webkit-linear-gradient(top, #111, #262626);
-  background: -o-linear-gradient(top, #111, #262626);
-  background: -ms-linear-gradient(top, #111, #262626);
-  background: linear-gradient(top, #111, #262626);
-}
-.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
-.vjs-default-skin .vjs-progress-holder .vjs-load-progress { /* Progress Bars */
-  position: absolute; display: block; height: 1.0em; margin: 0; padding: 0;
-  left: 0; top: 0; /*Needed for IE6*/
-  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;
-
-  /*width: 0;*/
-}
-
-.vjs-default-skin .vjs-play-progress {
-  /* CSS Gradient. */
-  background: #fff; /* Old browsers */
-  background: -moz-linear-gradient(top, #fff 0%, #d6d6d6 50%, #fff 100%);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#fff), color-stop(50%,#d6d6d6), color-stop(100%,#fff));
-  background: -webkit-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
-  background: -o-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
-  background: -ms-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
-  background: linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
-
-  background: #efefef;
-  background: -moz-linear-gradient(top, #efefef 0%, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#efefef), color-stop(50%,#f5f5f5), color-stop(50%,#dbdbdb), color-stop(100%,#f1f1f1));
-  background: -webkit-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
-  background: -o-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
-  background: -ms-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f1f1f1',GradientType=0 );
-  background: linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
-}
-.vjs-default-skin .vjs-load-progress {
-  opacity: 0.8;
-
-  /* CSS Gradient */
-  background: #666;
-  background: -moz-linear-gradient(top, #666, #333);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
-  background: -webkit-linear-gradient(top, #666, #333);
-  background: -o-linear-gradient(top, #666, #333);
-  background: -ms-linear-gradient(top, #666, #333);
-  background: linear-gradient(top, #666, #333);
-}
-
-.vjs-default-skin div.vjs-seek-handle {
-  position: absolute;
-  width: 16px; height: 16px; /* Match img pixles */
-  margin-top: -0.3em;
-  left: 0; top: 0; /*Needed for IE6*/
-
-  background: url('video-js.png') 0 -50px;
-  /* CSS Curved Corners. Needed to make shadows curved. */
-  -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;
-  /* CSS Shadows */
-  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
-}
-/* Time Display
--------------------------------------------------------------------------------- */
-.vjs-default-skin .vjs-time-controls {
-  position: absolute;
-  right: 0;
-  height: 1.0em; width: 4.8em;
-  top: -1.3em;
-  border-bottom: 1px solid #1F1F1F;
-  border-top: 1px solid #222;
-  background-color: #333;
-
-  font-size: 1em; line-height: 1.0em; font-weight: normal; font-family: Helvetica, Arial, sans-serif;
-
-  background: #333;
-  background: -moz-linear-gradient(top, #222, #333);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
-  background: -webkit-linear-gradient(top, #222, #333);
-  background: -o-linear-gradient(top, #333, #222);
-  background: -ms-linear-gradient(top, #333, #222);
-  background: linear-gradient(top, #333, #222);
-
-  /* 1px top shadow */
-/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
-}
-
-.vjs-default-skin .vjs-current-time { left: 0; }
-
-.vjs-default-skin .vjs-duration { right: 0; display: none; }
-.vjs-default-skin .vjs-remaining-time { right: 0; }
-
-.vjs-time-divider { display:none; }
-
-.vjs-default-skin .vjs-time-control { font-size: 1em; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
-.vjs-default-skin .vjs-time-control span { line-height: 25px; /* Centering vertically */ }
-
-/* Fullscreen
--------------------------------------------------------------------------------- */
-.vjs-secondary-controls { float: right; }
-
-.vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer !important; float: right; }
-.vjs-default-skin .vjs-fullscreen-control div { width: 16px; height: 16px; background: url('video-js.png') -50px 0; margin: 0.5em auto 0; }
-
-.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div { background: url('video-js.png') -75px 0; }
-
-
-/* Big Play Button (at start)
----------------------------------------------------------*/
-.vjs-default-skin .vjs-big-play-button {
-  display: block; /* Start hidden */ z-index: 2;
-  position: absolute; top: 50%; left: 50%; width: 8.0em; height: 8.0em; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
-  border: 0.3em solid #fff; opacity: 0.95;
-  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
-
-  background: #454545;
-  background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
-  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f));
-  background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
-  background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
-  background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
-  background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
-
-  /* CSS Shadows */
-  -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;
-}
-
-.vjs-default-skin div.vjs-big-play-button:hover {
-  -webkit-box-shadow: 0 0 80px #fff; -moz-box-shadow: 0 0 80px #fff; box-shadow: 0 0 80px #fff;
-}
-
-.vjs-default-skin div.vjs-big-play-button span {
-  position: absolute; top: 50%; left: 50%;
-  display: block; width: 35px; height: 42px;
-  margin: -20px 0 0 -15px; /* Using negative margin to center image. */
-  background: url('video-js.png') -100px 0;
-}
-
-/* Loading Spinner
----------------------------------------------------------*/
-/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
-.vjs-loading-spinner {
-  display: none;
-  position: absolute; top: 50%; left: 50%; width: 55px; height: 55px;
-  margin: -28px 0 0 -28px;
-  -webkit-animation-name: rotatethis;
-  -webkit-animation-duration:1s;
-  -webkit-animation-iteration-count:infinite;
-  -webkit-animation-timing-function:linear;
-  -moz-animation-name: rotatethis;
-  -moz-animation-duration:1s;
-  -moz-animation-iteration-count:infinite;
-  -moz-animation-timing-function:linear;
-}
-
-@-webkit-keyframes rotatethis {
-  0% {-webkit-transform:scale(0.6) rotate(0deg); }
-  12.5% {-webkit-transform:scale(0.6) rotate(0deg); }
-  12.51% {-webkit-transform:scale(0.6) rotate(45deg); }
-  25% {-webkit-transform:scale(0.6) rotate(45deg); }
-  25.01% {-webkit-transform:scale(0.6) rotate(90deg);}
-  37.5% {-webkit-transform:scale(0.6) rotate(90deg);}
-  37.51% {-webkit-transform:scale(0.6) rotate(135deg);}
-  50% {-webkit-transform:scale(0.6) rotate(135deg);}
-  50.01% {-webkit-transform:scale(0.6) rotate(180deg);}
-  62.5% {-webkit-transform:scale(0.6) rotate(180deg);}
-  62.51% {-webkit-transform:scale(0.6) rotate(225deg);}
-  75% {-webkit-transform:scale(0.6) rotate(225deg);}
-  75.01% {-webkit-transform:scale(0.6) rotate(270deg);}
-  87.5% {-webkit-transform:scale(0.6) rotate(270deg);}
-  87.51% {-webkit-transform:scale(0.6) rotate(315deg);}
-  100% {-webkit-transform:scale(0.6) rotate(315deg);}
-}
-
-@-moz-keyframes rotatethis {
-  0% {-moz-transform:scale(0.6) rotate(0deg);}
-  12.5% {-moz-transform:scale(0.6) rotate(0deg);}
-  12.51% {-moz-transform:scale(0.6) rotate(45deg);}
-  25% {-moz-transform:scale(0.6) rotate(45deg);}
-  25.01% {-moz-transform:scale(0.6) rotate(90deg);}
-  37.5% {-moz-transform:scale(0.6) rotate(90deg);}
-  37.51% {-moz-transform:scale(0.6) rotate(135deg);}
-  50% {-moz-transform:scale(0.6) rotate(135deg);}
-  50.01% {-moz-transform:scale(0.6) rotate(180deg);}
-  62.5% {-moz-transform:scale(0.6) rotate(180deg);}
-  62.51% {-moz-transform:scale(0.6) rotate(225deg);}
-  75% {-moz-transform:scale(0.6) rotate(225deg);}
-  75.01% {-moz-transform:scale(0.6) rotate(270deg);}
-  87.5% {-moz-transform:scale(0.6) rotate(270deg);}
-  87.51% {-moz-transform:scale(0.6) rotate(315deg);}
-  100% {-moz-transform:scale(0.6) rotate(315deg);}
-}
-/* Each circle */
-div.vjs-loading-spinner .ball1 { opacity: 0.12; position:absolute; left: 20px; top: 0px; width: 13px; height: 13px; background: #fff;
-  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball2 { opacity: 0.25; position:absolute; left: 34px; top: 6px; width: 13px; height: 13px; background: #fff;
-  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball3 { opacity: 0.37; position:absolute; left: 40px; top: 20px; width: 13px; height: 13px; background: #fff;
-  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball4 { opacity: 0.50; position:absolute; left: 34px; top: 34px; width: 13px; height: 13px; background: #fff;
-  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 15px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball5 { opacity: 0.62; position:absolute; left: 20px; top: 40px; width: 13px; height: 13px; background: #fff;
-  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball6 { opacity: 0.75; position:absolute; left: 6px; top: 34px; width: 13px; height: 13px; background: #fff;
-  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball7 { opacity: 0.87; position:absolute; left: 0px; top: 20px; width: 13px; height: 13px; background: #fff;
-  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball8 { opacity: 1.00; position:absolute; left: 6px; top: 6px; width: 13px; height: 13px; background: #fff;
-  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

dev.html.example

@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8" />
-  <title>HTML5 Video Player</title>
-
-  <link href="design/video-js.css" rel="stylesheet" type="text/css">
-
-  <!--[if IE]>
-    <script src="https://getfirebug.com/releases/lite/1.3/firebug-lite.js"></script>
-  <!--<![endif]-->
-
-  <script src="src/core.js"></script>
-  <script src="src/lib.js"></script>
-  <script src="src/ecma.js"></script>
-  <script src="src/json.js"></script>
-
-  <script src="src/component.js"></script>
-  <script src="src/player.js"></script>
-  <script src="src/tech.js"></script>
-  <script src="src/controls.js"></script>
-  <script src="src/events.js"></script>
-  <script src="src/tracks.js"></script>
-
-  <script src="flash/swfobject.js"></script>
-  
-  <script src="src/setup.js"></script>
-  
-  <script type="text/javascript" charset="utf-8">
-    // Easy access to test Flash over HTML5. Add ?flash to URL
-    if (window.location.href.indexOf("?flash") !== -1) {
-      _V_.options.techOrder = ["H5swf"]
-    }
-  </script>
-
-</head>
-<body>
-
-  <video id="vid1" class="video-js vjs-default-skin" controls preload="auto" 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'>
-    <p>Video Playback Not Supported</p>
-  </video>
-
-  <script>
-    vid = document.getElementById("vid1");
-  </script>
-
-</body>
-</html>

dev/build-source-list.rb

@@ -1,17 +0,0 @@
-#! /usr/bin/env ruby
-# Create javascript file with list of source files for easy inclusion in other development files.
-
-# puts ARGV[0]
-
-File.open("source-list.js", "w+") do |file|
-  file.puts "var vjsSourceList = [];"
-  
-  
-  Dir.foreach('../src') do |item|
-    next if item == '.' or item == '..' or item == '.DS_Store'
-
-    file.puts "vjsSourceList.push('src/#{item}')"
-
-  end
-
-end

dev/source-list.js

@@ -1,13 +0,0 @@
-var vjsSourceList = [];
-vjsSourceList.push('_begin.js')
-vjsSourceList.push('_end.js')
-vjsSourceList.push('component.js')
-vjsSourceList.push('controls.js')
-vjsSourceList.push('core.js')
-vjsSourceList.push('ecma.js')
-vjsSourceList.push('events.js')
-vjsSourceList.push('json.js')
-vjsSourceList.push('lib.js')
-vjsSourceList.push('player.js')
-vjsSourceList.push('tech.js')
-vjsSourceList.push('tracks.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-2 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 s(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.wa[a])return u.wa[a];a=u.v(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.Td=window.Ud=u;u.Tb="4.3";u.Cc="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.Cc+"vjs.zencdn.net/"+u.Tb+"/video-js.swf");u.wa={};u.la=u.CoreObject=m();u.la.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.la.extend;d.create=u.la.create;for(var e in a)a.hasOwnProperty(e)&&(d.prototype[e]=a[e]);return d};
+u.la.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.sc(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.ta=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.Vc=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.Vc(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.qa={};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.qa[c]={});return u.qa[c]};u.mc=function(a){a=a[u.expando];return!(!a||u.Ab(u.qa[a]))};u.sc=function(a){var c=a[u.expando];if(c){delete u.qa[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.Jc=/iPhone/i.test(u.G);u.Ic=/iPad/i.test(u.G);u.Kc=/iPod/i.test(u.G);u.Hc=u.Jc||u.Ic||u.Kc;var aa=u,w;var x=u.G.match(/OS (\d+)_/i);w=x&&x[1]?x[1]:b;aa.Fd=w;u.Fc=/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.Dc=y;u.Lc=u.Fc&&/webkit/i.test(u.G)&&2.3>u.Dc;u.Gc=/Firefox/i.test(u.G);u.Gd=/Chrome/i.test(u.G);u.ac=!!("ontouchstart"in window||window.Ec&&document instanceof window.Ec);
+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.Kd=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.v=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.Rc=function(){document.body.focus();document.onselectstart=s(l)};u.Bd=function(){document.onselectstart=s(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.td=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.ad=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.ka={};
+u.ka.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.ka.Fb(e,g):c[d]);return a};u.c=u.la.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.gd=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.ta(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.sc(this.a);this.a=h};t.b=f;t.J=p("b");t.options=function(a){return a===b?this.g:this.g=u.ka.Fb(this.g,a)};t.e=function(a,c){return u.e(a,c)};t.v=p("a");t.id=p("P");t.name=p("gd");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.ra||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.v())&&c.parentNode===(this.ra||this.a)&&(this.ra||this.a).removeChild(a.v()))}};t.S=s("");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 C(a){a.t("vjs-lock-showing")}
+t.disable=function(){this.C();this.show=m()};t.width=function(a,c){return D(this,"width",a,c)};t.height=function(a,c){return D(this,"height",a,c)};t.Xc=function(a,c){return this.width(a,f).height(c)};function D(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.pa||"Need Text")+"</span></div>",qd:"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.Qc=this.U[this.g.barName];this.handle=this.U[this.g.handleName];a.d(this.qc,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({qd:"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.Rc();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.Bd();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.Qc;isNaN(c)&&(c=0);a=c;if(d){a=this.a.offsetWidth;var g=d.v().offsetWidth;a=g?g/a:0;c*=1-a;a=c+a/2;d.v().style.left=u.round(100*c,2)+"%"}e.v().style.width=u.round(100*a,2)+"%"}};
+function E(a,c){var d,e,g,j;d=a.a;e=u.ad(d);j=g=d.offsetWidth;d=a.handle;if(a.g.Cd)return j=e.top,e=c.changedTouches?c.changedTouches[0].pageY:c.pageY,d&&(d=d.v().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.v().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.vc()):39==a.which&&(a.preventDefault(),this.wc())};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.ma=u.c.extend();
+function ca(a,c){a.X(c);c.d("click",u.bind(a,function(){C(this)}))}u.ma.prototype.e=function(){var a=this.options().Tc||"ul";this.ra=u.e(a,{className:"vjs-menu-content"});a=u.c.prototype.e.call(this,"div",{append:this.ra,className:"vjs-menu"});a.appendChild(this.ra);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.va=this.Ja();this.X(this.va);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.oa=l;t.Ja=function(){var a=new u.ma(this.b);this.options().title&&a.v().appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.Y(this.A),zd:-1}));if(this.I=this.createItems())for(var c=0;c<this.I.length;c++)ca(a,this.I[c]);return a};t.sa=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(){C(this.va);this.a.blur()}));this.oa?F(this):G(this)};t.aa=function(a){a.preventDefault();32==a.which||13==a.which?this.oa?F(this):G(this):27==a.which&&this.oa&&F(this)};function G(a){a.oa=f;a.va.n("vjs-lock-showing");a.a.setAttribute("aria-pressed",f);a.I&&0<a.I.length&&a.I[0].v().focus()}
+function F(a){a.oa=l;C(a.va);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.u={};this.rc=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.hd);this.d("play",this.Kb);this.d("firstplay",this.jd);this.d("pause",this.Jb);this.d("progress",
+this.ld);this.d("durationchange",this.pc);this.d("error",this.Gb);this.d("fullscreenchange",this.kd);u.wa[this.P]=this;c.plugins&&u.j.ta(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.ja&&(this.ja=l,this.ia(f),clearTimeout(k),k=setTimeout(u.bind(this,function(){this.ja||this.ia(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.wa[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.xa();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 H(a,c,d){a.h?(a.$=l,a.h.D(),a.Db&&(a.Db=l,clearInterval(a.Ra)),a.Eb&&I(a),a.h=l):"Html5"!==c&&a.L&&(u.l.hc(a.L),a.L=h);a.ha=c;a.$=l;var e=u.j.B({source:d,parentEl:a.a},a.g[c.toLowerCase()]);d&&(d.src==a.u.src&&0<a.u.currentTime&&(e.startTime=a.u.currentTime),a.u.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.u.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.zc),a.d("pause",a.xa),a.h.T("timeupdate",function(){this.m.timeupdateEvents=f;I(this.b)}))})}function I(a){a.Eb=l;a.xa();a.o("play",a.zc);a.o("pause",a.xa)}t.zc=function(){this.gc&&this.xa();this.gc=setInterval(u.bind(this,function(){this.k("timeupdate")}),250)};t.xa=function(){clearInterval(this.gc)};
+t.Kb=function(){u.t(this.a,"vjs-paused");u.n(this.a,"vjs-playing")};t.jd=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.ld=function(){1==this.Ia()&&this.k("loadedalldata")};t.hd=function(){this.g.loop&&(this.currentTime(0),this.play())};t.pc=function(){var a=J(this,"duration");a&&this.duration(a)};t.kd=function(){this.isFullScreen?this.n("vjs-fullscreen"):this.t("vjs-fullscreen")};
+t.Gb=function(a){u.log("Video Error",a)};function K(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 J(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.ha+" playback technology.",d):"TypeError"==d.name?(u.log("Video.js: "+c+" unavailable on "+a.ha+" playback technology element.",d),a.h.$=l):u.log(d),d;}}t.play=function(){K(this,"play");return this};
+t.pause=function(){K(this,"pause");return this};t.paused=function(){return J(this,"paused")===l?l:f};t.currentTime=function(a){return a!==b?(this.u.oc=a,K(this,"setCurrentTime",a),this.Eb&&this.k("timeupdate"),this):this.u.currentTime=J(this,"currentTime")||0};t.duration=function(a){if(a!==b)return this.u.duration=parseFloat(a),this;this.u.duration===b&&this.pc();return this.u.duration||0};
+t.buffered=function(){var a=J(this,"buffered"),c=a.length-1,d=this.u.lb=this.u.lb||0;a&&(0<=c&&a.end(c)!==d)&&(d=a.end(c),this.u.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.u.volume=a,K(this,"setVolume",a),u.td(a),this;a=parseFloat(J(this,"volume"));return isNaN(a)?1:a};t.muted=function(a){return a!==b?(K(this,"setMuted",a),this):J(this,"muted")||l};
+t.Ta=function(){return J(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.tc]()):this.h.Ta()?K(this,"enterFullScreen"):(this.cd=f,this.Yc=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()?K(this,"exitFullScreen"):(L(this),this.k("fullscreenchange"));return this};t.jc=function(a){27===a.keyCode&&(this.isFullScreen===f?this.cancelFullScreen():L(this))};
+function L(a){a.cd=l;u.o(document,"keydown",a.jc);document.documentElement.style.overflow=a.Yc;u.t(document.body,"vjs-full-window");a.k("exitFullWindow")}
+t.src=function(a){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.ha?this.src(a):H(this,c,a)):this.a.appendChild(u.e("p",{innerHTML:this.options().notSupportedMessage}))}else a instanceof Object?window.videojs[this.ha].canPlaySource(a)?this.src(a.src):this.src([a]):(this.u.src=a,this.$?
+(K(this,"src",a),"auto"==this.g.preload&&this.load(),this.g.autoplay&&this.play()):this.K(function(){this.src(a)}));return this};t.load=function(){K(this,"load");return this};t.currentSrc=function(){return J(this,"currentSrc")||this.u.src||""};t.Qa=function(a){return a!==b?(K(this,"setPreload",a),this.g.preload=a,this):J(this,"preload")};t.autoplay=function(a){return a!==b?(K(this,"setAutoplay",a),this.g.autoplay=a,this):J(this,"autoplay")};
+t.loop=function(a){return a!==b?(K(this,"setLoop",a),this.g.loop=a,this):J(this,"loop")};t.poster=function(a){if(a===b)return this.rc;this.rc=a;K(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 J(this,"error")};t.seeking=function(){return J(this,"seeking")};t.ja=f;t.Mb=function(){this.ja=f};t.Qb=f;
+t.ia=function(a){return a!==b?(a=!!a,a!==this.Qb&&((this.Qb=a)?(this.ja=f,this.t("vjs-user-inactive"),this.n("vjs-user-active"),this.k("useractive")):(this.ja=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 M,N,O;O=document.createElement("div");N={};
+O.Hd!==b?(N.tc="requestFullscreen",N.nb="exitFullscreen",N.ub="fullscreenchange",N.isFullScreen="fullScreen"):(document.mozCancelFullScreen?(M="moz",N.isFullScreen=M+"FullScreen"):(M="webkit",N.isFullScreen=M+"IsFullScreen"),O[M+"RequestFullScreen"]&&(N.tc=M+"RequestFullScreen",N.nb=M+"CancelFullScreen"),N.ub=M+"fullscreenchange");document[N.nb]&&(u.Pb.requestFullScreen=N);u.Da=u.c.extend();
+u.Da.prototype.g={Md:"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.pa="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.u.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.pa="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.qc="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.u.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(){var a;"Flash"===this.b.ha&&this.b.seeking()?(a=this.b.u,a=a.oc?a.oc:this.b.currentTime()):a=this.b.currentTime();return a/this.b.duration()};t.Pa=function(a){u.N.prototype.Pa.call(this,a);this.b.Nb=f;this.Dd=!this.b.paused();this.b.pause()};
+t.Hb=function(a){a=E(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.Dd&&this.b.play()};t.wc=function(){this.b.currentTime(this.b.currentTime()+5)};t.vc=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.qc="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(E(this,a))};t.xb=function(){return this.b.muted()?0:this.b.volume()};t.wc=function(){this.b.volume(this.b.volume()+0.1)};t.vc=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.na=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.Ac===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.Ac===l?this.n("vjs-hidden"):this.t("vjs-hidden")}));this.n("vjs-menu-button")}});u.na.prototype.Ja=function(){var a=new u.ma(this.b,{Tc:"div"}),c=new u.gb(this.b,u.j.B({Cd:f},this.g.Vd));a.X(c);return a};u.na.prototype.p=function(){u.ca.prototype.p.call(this);u.Q.prototype.p.call(this)};
+u.na.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.na.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 P="backgroundSize"in u.ea.style;
+u.Fa.prototype.e=function(){var a=u.e("div",{className:"vjs-poster",tabIndex:-1});P||a.appendChild(u.e("img"));return a};u.Fa.prototype.src=function(a){var c=this.v();a!==b&&(P?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.ia()});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,r;d=0;g.d("touchstart",function(){d=(new Date).getTime();r=f});a=function(){r=l};g.d("touchmove",a);g.d("touchleave",a);g.d("touchcancel",
+a);g.d("touchend",function(){r===f&&(n=(new Date).getTime()-d,250>n&&this.k("tap"))});g.d("tap",g.md)}};c=u.bind(g,g.pd);this.K(a);e.d("controlsenabled",a);e.d("controlsdisabled",c)}});u.r.prototype.pd=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.md=function(){this.J().ia(!this.J().ia())};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.Sc();this.m.movingMediaElementInDOM=!u.Hc;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.$c));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.v());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.$c=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.sd=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.xd=function(a){this.a.volume=a};t.muted=function(){return this.a.muted};t.vd=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.wd=function(a){this.a.Qa=a};t.autoplay=function(){return this.a.autoplay};t.rd=function(a){this.a.autoplay=a};t.controls=function(){return this.a.controls};t.loop=function(){return this.a.loop};
+t.ud=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.Sc=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.Lc&&(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);e&&(e.type&&u.f.ed(e.type)?
+(a=u.f.xc(e.src),k.rtmpConnection=encodeURIComponent(a.qb),k.rtmpStream=encodeURIComponent(a.Ob)):k.src=encodeURIComponent(u.kc(e.src)));u.yb(g,d);c.startTime&&this.K(function(){this.load();this.play();this.currentTime(c.startTime)});if(c.iFrameMode===f&&!u.Gc){var r=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(r,"load",u.bind(this,
+function(){var a,d=r.contentWindow;a=r.contentDocument?r.contentDocument:r.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.ha&&this.k(c)});d.errors=u.bind(this.b,function(a,c){u.log("Flash Error",c)})}));g.parentNode.replaceChild(r,g)}else u.f.Zc(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.dd(a)?(a=u.f.xc(a),this.Qd(a.qb),this.Rd(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.Od(),d=this.Pd();c&&d&&(a=u.f.yd(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=s(l);var Q=u.f.prototype,R="rtmpConnection rtmpStream preload currentTime defaultPlaybackRate playbackRate autoplay loop mediaGroup controller controls volume muted defaultMuted".split(" "),S="error currentSrc networkState readyState seeking initialTime duration startOffsetTime paused played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks".split(" ");
+function fa(){var a=R[T],c=a.charAt(0).toUpperCase()+a.slice(1);Q["set"+c]=function(c){return this.a.vjs_setProperty(a,c)}}function U(a){Q[a]=function(){return this.a.vjs_getProperty(a)}}var T;for(T=0;T<R.length;T++)U(R[T]),fa();for(T=0;T<S.length;T++)U(S[T]);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.bd||a in u.f.yc)return"maybe"};
+u.f.bd={"video/flv":"FLV","video/x-flv":"FLV","video/mp4":"MP4","video/m4v":"MP4"};u.f.yc={"rtmp/mp4":"MP4","rtmp/flv":"FLV"};u.f.onReady=function(a){a=u.v(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.v().vjs_getProperty?a.Ua():setTimeout(function(){u.f.ob(a)},50)};u.f.onEvent=function(a,c){u.v(a).player.k(c)};u.f.onError=function(a,c){u.v(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.Zc=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.ta(c,function(a,c){g+=a+"="+c+"&amp;"});d=u.j.B({movie:a,flashvars:g,allowScriptAccess:"always",allowNetworking:"all"},d);u.j.ta(d,function(a,c){j+='<param name="'+a+'" value="'+c+'" />'});e=u.j.B({data:a,width:"100%",height:"100%"},e);u.j.ta(e,function(a,c){k+=a+'="'+c+'" '});return'<object type="application/x-shockwave-flash"'+k+">"+j+"</object>"};u.f.yd=function(a,c){return a+"&"+c};
+u.f.xc=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.ed=function(a){return a in u.f.yc};u.f.Nc=/^rtmp[set]?:\/\//i;u.f.dd=function(a){return u.f.Nc.test(a)};
+u.Mc=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()){H(a,e);break}}}else a.src(a.g.sources)}});u.Player.prototype.textTracks=function(){return this.ya=this.ya||[]};function V(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.uc=c.src;this.Wc=c["default"]||c.dflt;this.Ad=c.title;this.Ld=c.srclang;this.fd=c.label;this.Z=[];this.jb=[];this.fa=this.ga=0;this.b.d("fullscreenchange",u.bind(this,this.Pc))}});t=u.w.prototype;t.F=p("A");t.src=p("uc");t.tb=p("Wc");t.title=p("Ad");t.label=p("fd");t.Uc=p("Z");t.Oc=p("jb");t.readyState=p("ga");t.mode=p("fa");
+t.Pc=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(){W(this);this.fa=2;u.c.prototype.show.call(this)};t.C=function(){W(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 W(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.uc,u.bind(this,this.nd),u.bind(this,this.Gb)))};
+t.Gb=function(a){this.error=a;this.ga=3;this.k("error")};t.nd=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=X(d[0]);c.ua=X(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 X(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,r;a>=this.Ma||this.Ma===b?r=this.vb!==b?this.vb:0:(g=f,r=this.Cb!==b?this.Cb:c.length-1);for(;;){n=c[r];if(n.ua<=a)e=Math.max(e,n.ua),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=r),k=r):(j.push(n),k===b&&(k=r),q=r),d=Math.min(d,n.ua),e=Math.max(e,n.startTime),n.Ha=
+f;if(g)if(0===r)break;else r--;else if(r===c.length-1)break;else r++}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);V(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:s(l),mode:s(l)};u.W.call(this,a,c);this.selected(f)}});
+u.bb.prototype.p=function(){u.W.prototype.p.call(this);V(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.sa=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.pa="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.pa="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.pa="Chapters";t.className="vjs-chapters-button";
+t.sa=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.Id=e;e.d("loaded",u.bind(this,this.Ja));return}g=e;break}a=this.va=new u.ma(this.b);a.a.appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.Y(this.A),zd:-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.ua;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.ua)};
+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 Y=/[\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);Y.lastIndex=0;Y.test(a)&&(a=a.replace(Y,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.Bc||u.kb()};u.kb=function(){setTimeout(u.ec,1)};"complete"===document.readyState?u.Bc=f:u.T(window,"load",function(){u.Bc=f});u.kb();u.od=function(a,c){u.Player.prototype[a]=c};var Z=this;Z.Ed=f;function $(a,c){var d=a.split("."),e=Z;!(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.wa);$("videojs.TOUCH_ENABLED",u.ac);$("videojs.cache",u.qa);$("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.v;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.Xc;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.ia;$("videojs.MediaLoader",u.Mc);$("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.na);$("videojs.VolumeHandle",u.ib);$("videojs.MuteToggle",u.ca);$("videojs.PosterImage",u.Fa);$("videojs.Menu",u.ma);$("videojs.MenuItem",u.M);$("videojs.MenuButton",u.Q);u.Q.prototype.createItems=u.Q.prototype.sa;u.R.prototype.createItems=u.R.prototype.sa;u.Ca.prototype.createItems=u.Ca.prototype.sa;$("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.Ac;u.r.prototype.m.fullscreenResize=u.r.prototype.m.Jd;u.r.prototype.m.progressEvents=u.r.prototype.m.Nd;u.r.prototype.m.timeupdateEvents=u.r.prototype.m.Sd;$("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.sd;u.l.prototype.setVolume=u.l.prototype.xd;
+u.l.prototype.setMuted=u.l.prototype.vd;u.l.prototype.setPreload=u.l.prototype.wd;u.l.prototype.setAutoplay=u.l.prototype.rd;u.l.prototype.setLoop=u.l.prototype.ud;$("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.Uc;u.w.prototype.activeCues=u.w.prototype.Oc;
+$("videojs.CaptionsTrack",u.Ub);$("videojs.SubtitlesTrack",u.$b);$("videojs.ChaptersTrack",u.Vb);$("videojs.autoSetup",u.ec);$("videojs.plugin",u.od);$("videojs.createTimeRange",u.sb);$("videojs.util",u.ka);u.ka.mergeOptions=u.ka.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-2)"}(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.css

@@ -0,0 +1,766 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version 4.3.0-2
+Create your own skin at http://designer.videojs.com
+*/
+/* 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: #cccccc;
+}
+/* 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;
+}
+/* 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 */
+  background-color: #333333;
+  background-color: rgba(51, 51, 51, 0.9);
+}
+.vjs-default-skin .vjs-slider:focus {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 2em #ffffff;
+  -moz-box-shadow: 0 0 2em #ffffff;
+  box-shadow: 0 0 2em #ffffff;
+}
+.vjs-default-skin .vjs-slider-handle {
+  position: absolute;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-slider-handle:before {
+  content: "\e009";
+  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 */
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  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 */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+}
+/* 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;
+  /* transition */
+  -webkit-transition: visibility 0.1s, opacity 0.1s;
+  -moz-transition: visibility 0.1s, opacity 0.1s;
+  -o-transition: visibility 0.1s, opacity 0.1s;
+  transition: visibility 0.1s, opacity 0.1s;
+}
+/* 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;
+  /* transition */
+  -webkit-transition: visibility 1s, opacity 1s;
+  -moz-transition: visibility 1s, opacity 1s;
+  -o-transition: visibility 1s, opacity 1s;
+  transition: visibility 1s, opacity 1s;
+}
+.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
+*/
+@media \0screen {
+  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
+    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 #ffffff;
+}
+.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 */
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+/* Play/Pause
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-play-control {
+  width: 5em;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-play-control:before {
+  content: "\e001";
+}
+.vjs-default-skin.vjs-playing .vjs-play-control:before {
+  content: "\e002";
+}
+/* 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: "\e006";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
+  content: "\e003";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
+  content: "\e004";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
+  content: "\e005";
+}
+.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: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -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 */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  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 */
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  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: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-load-progress {
+  background: #646464 /* 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: "\e000";
+}
+/* Switch to the exit icon when the player is in fullscreen */
+.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
+  content: "\e00b";
+}
+/* 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 {
+  left: 0.5em;
+  top: 0.5em;
+  font-size: 3em;
+  display: block;
+  z-index: 2;
+  position: absolute;
+  width: 4em;
+  height: 2.6em;
+  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 */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  border: 0.1em solid #3b4249;
+  /* border-radius */
+  -webkit-border-radius: 0.8em;
+  -moz-border-radius: 0.8em;
+  border-radius: 0.8em;
+  /* box-shadow */
+  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+  /* Center it horizontally */
+  left: 50%;
+  margin-left: -2.1em;
+  /* Center it vertically */
+  top: 50%;
+  margin-top: -1.4000000000000001em;
+}
+/* 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: #505050;
+  background-color: rgba(50, 50, 50, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 3em #ffffff;
+  -moz-box-shadow: 0 0 3em #ffffff;
+  box-shadow: 0 0 3em #ffffff;
+  /* transition */
+  -webkit-transition: all 0s;
+  -moz-transition: all 0s;
+  -o-transition: all 0s;
+  transition: all 0s;
+}
+.vjs-default-skin .vjs-big-play-button:before {
+  content: "\e001";
+  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: 2.6em;
+  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 */
+  -webkit-animation: spin 1.5s infinite linear;
+  -moz-animation: spin 1.5s infinite linear;
+  -o-animation: spin 1.5s infinite linear;
+  animation: spin 1.5s infinite linear;
+}
+.vjs-default-skin .vjs-loading-spinner:before {
+  content: "\e01e";
+  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 #000000;
+  /* 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 */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  /* box-shadow */
+  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  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 */
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+.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: "\e00c";
+}
+/* Captions Button */
+.vjs-default-skin .vjs-captions-button:before {
+  content: "\e008";
+}
+/* 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 */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+/*
+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: 10px;
+  /* 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 */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  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 */
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.video-js .vjs-subtitles {
+  color: #ffffff /* Subtitles are white */;
+}
+.video-js .vjs-captions {
+  color: #ffcc66 /* 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;
+}
+/* -----------------------------------------------------------------------------
+The original source of this file lives at
+https://github.com/videojs/video.js/blob/master/src/css/video-js.less */

dist/video-js/video.js

@@ -0,0 +1,132 @@
+/*! Video.js v4.3.0-2 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 s(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.wa[a])return u.wa[a];a=u.v(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.Td=window.Ud=u;u.Tb="4.3";u.Cc="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.Cc+"vjs.zencdn.net/"+u.Tb+"/video-js.swf");u.wa={};u.la=u.CoreObject=m();u.la.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.la.extend;d.create=u.la.create;for(var e in a)a.hasOwnProperty(e)&&(d.prototype[e]=a[e]);return d};
+u.la.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.sc(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.ta=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.Vc=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.Vc(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.qa={};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.qa[c]={});return u.qa[c]};u.mc=function(a){a=a[u.expando];return!(!a||u.Ab(u.qa[a]))};u.sc=function(a){var c=a[u.expando];if(c){delete u.qa[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.Jc=/iPhone/i.test(u.G);u.Ic=/iPad/i.test(u.G);u.Kc=/iPod/i.test(u.G);u.Hc=u.Jc||u.Ic||u.Kc;var aa=u,w;var x=u.G.match(/OS (\d+)_/i);w=x&&x[1]?x[1]:b;aa.Fd=w;u.Fc=/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.Dc=y;u.Lc=u.Fc&&/webkit/i.test(u.G)&&2.3>u.Dc;u.Gc=/Firefox/i.test(u.G);u.Gd=/Chrome/i.test(u.G);u.ac=!!("ontouchstart"in window||window.Ec&&document instanceof window.Ec);
+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.Kd=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.v=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.Rc=function(){document.body.focus();document.onselectstart=s(l)};u.Bd=function(){document.onselectstart=s(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.td=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.ad=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.ka={};
+u.ka.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.ka.Fb(e,g):c[d]);return a};u.c=u.la.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.gd=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.ta(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.sc(this.a);this.a=h};t.b=f;t.J=p("b");t.options=function(a){return a===b?this.g:this.g=u.ka.Fb(this.g,a)};t.e=function(a,c){return u.e(a,c)};t.v=p("a");t.id=p("P");t.name=p("gd");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.ra||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.v())&&c.parentNode===(this.ra||this.a)&&(this.ra||this.a).removeChild(a.v()))}};t.S=s("");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 C(a){a.t("vjs-lock-showing")}
+t.disable=function(){this.C();this.show=m()};t.width=function(a,c){return D(this,"width",a,c)};t.height=function(a,c){return D(this,"height",a,c)};t.Xc=function(a,c){return this.width(a,f).height(c)};function D(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.pa||"Need Text")+"</span></div>",qd:"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.Qc=this.U[this.g.barName];this.handle=this.U[this.g.handleName];a.d(this.qc,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({qd:"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.Rc();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.Bd();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.Qc;isNaN(c)&&(c=0);a=c;if(d){a=this.a.offsetWidth;var g=d.v().offsetWidth;a=g?g/a:0;c*=1-a;a=c+a/2;d.v().style.left=u.round(100*c,2)+"%"}e.v().style.width=u.round(100*a,2)+"%"}};
+function E(a,c){var d,e,g,j;d=a.a;e=u.ad(d);j=g=d.offsetWidth;d=a.handle;if(a.g.Cd)return j=e.top,e=c.changedTouches?c.changedTouches[0].pageY:c.pageY,d&&(d=d.v().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.v().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.vc()):39==a.which&&(a.preventDefault(),this.wc())};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.ma=u.c.extend();
+function ca(a,c){a.X(c);c.d("click",u.bind(a,function(){C(this)}))}u.ma.prototype.e=function(){var a=this.options().Tc||"ul";this.ra=u.e(a,{className:"vjs-menu-content"});a=u.c.prototype.e.call(this,"div",{append:this.ra,className:"vjs-menu"});a.appendChild(this.ra);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.va=this.Ja();this.X(this.va);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.oa=l;t.Ja=function(){var a=new u.ma(this.b);this.options().title&&a.v().appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.Y(this.A),zd:-1}));if(this.I=this.createItems())for(var c=0;c<this.I.length;c++)ca(a,this.I[c]);return a};t.sa=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(){C(this.va);this.a.blur()}));this.oa?F(this):G(this)};t.aa=function(a){a.preventDefault();32==a.which||13==a.which?this.oa?F(this):G(this):27==a.which&&this.oa&&F(this)};function G(a){a.oa=f;a.va.n("vjs-lock-showing");a.a.setAttribute("aria-pressed",f);a.I&&0<a.I.length&&a.I[0].v().focus()}
+function F(a){a.oa=l;C(a.va);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.u={};this.rc=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.hd);this.d("play",this.Kb);this.d("firstplay",this.jd);this.d("pause",this.Jb);this.d("progress",
+this.ld);this.d("durationchange",this.pc);this.d("error",this.Gb);this.d("fullscreenchange",this.kd);u.wa[this.P]=this;c.plugins&&u.j.ta(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.ja&&(this.ja=l,this.ia(f),clearTimeout(k),k=setTimeout(u.bind(this,function(){this.ja||this.ia(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.wa[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.xa();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 H(a,c,d){a.h?(a.$=l,a.h.D(),a.Db&&(a.Db=l,clearInterval(a.Ra)),a.Eb&&I(a),a.h=l):"Html5"!==c&&a.L&&(u.l.hc(a.L),a.L=h);a.ha=c;a.$=l;var e=u.j.B({source:d,parentEl:a.a},a.g[c.toLowerCase()]);d&&(d.src==a.u.src&&0<a.u.currentTime&&(e.startTime=a.u.currentTime),a.u.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.u.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.zc),a.d("pause",a.xa),a.h.T("timeupdate",function(){this.m.timeupdateEvents=f;I(this.b)}))})}function I(a){a.Eb=l;a.xa();a.o("play",a.zc);a.o("pause",a.xa)}t.zc=function(){this.gc&&this.xa();this.gc=setInterval(u.bind(this,function(){this.k("timeupdate")}),250)};t.xa=function(){clearInterval(this.gc)};
+t.Kb=function(){u.t(this.a,"vjs-paused");u.n(this.a,"vjs-playing")};t.jd=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.ld=function(){1==this.Ia()&&this.k("loadedalldata")};t.hd=function(){this.g.loop&&(this.currentTime(0),this.play())};t.pc=function(){var a=J(this,"duration");a&&this.duration(a)};t.kd=function(){this.isFullScreen?this.n("vjs-fullscreen"):this.t("vjs-fullscreen")};
+t.Gb=function(a){u.log("Video Error",a)};function K(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 J(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.ha+" playback technology.",d):"TypeError"==d.name?(u.log("Video.js: "+c+" unavailable on "+a.ha+" playback technology element.",d),a.h.$=l):u.log(d),d;}}t.play=function(){K(this,"play");return this};
+t.pause=function(){K(this,"pause");return this};t.paused=function(){return J(this,"paused")===l?l:f};t.currentTime=function(a){return a!==b?(this.u.oc=a,K(this,"setCurrentTime",a),this.Eb&&this.k("timeupdate"),this):this.u.currentTime=J(this,"currentTime")||0};t.duration=function(a){if(a!==b)return this.u.duration=parseFloat(a),this;this.u.duration===b&&this.pc();return this.u.duration||0};
+t.buffered=function(){var a=J(this,"buffered"),c=a.length-1,d=this.u.lb=this.u.lb||0;a&&(0<=c&&a.end(c)!==d)&&(d=a.end(c),this.u.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.u.volume=a,K(this,"setVolume",a),u.td(a),this;a=parseFloat(J(this,"volume"));return isNaN(a)?1:a};t.muted=function(a){return a!==b?(K(this,"setMuted",a),this):J(this,"muted")||l};
+t.Ta=function(){return J(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.tc]()):this.h.Ta()?K(this,"enterFullScreen"):(this.cd=f,this.Yc=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()?K(this,"exitFullScreen"):(L(this),this.k("fullscreenchange"));return this};t.jc=function(a){27===a.keyCode&&(this.isFullScreen===f?this.cancelFullScreen():L(this))};
+function L(a){a.cd=l;u.o(document,"keydown",a.jc);document.documentElement.style.overflow=a.Yc;u.t(document.body,"vjs-full-window");a.k("exitFullWindow")}
+t.src=function(a){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.ha?this.src(a):H(this,c,a)):this.a.appendChild(u.e("p",{innerHTML:this.options().notSupportedMessage}))}else a instanceof Object?window.videojs[this.ha].canPlaySource(a)?this.src(a.src):this.src([a]):(this.u.src=a,this.$?
+(K(this,"src",a),"auto"==this.g.preload&&this.load(),this.g.autoplay&&this.play()):this.K(function(){this.src(a)}));return this};t.load=function(){K(this,"load");return this};t.currentSrc=function(){return J(this,"currentSrc")||this.u.src||""};t.Qa=function(a){return a!==b?(K(this,"setPreload",a),this.g.preload=a,this):J(this,"preload")};t.autoplay=function(a){return a!==b?(K(this,"setAutoplay",a),this.g.autoplay=a,this):J(this,"autoplay")};
+t.loop=function(a){return a!==b?(K(this,"setLoop",a),this.g.loop=a,this):J(this,"loop")};t.poster=function(a){if(a===b)return this.rc;this.rc=a;K(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 J(this,"error")};t.seeking=function(){return J(this,"seeking")};t.ja=f;t.Mb=function(){this.ja=f};t.Qb=f;
+t.ia=function(a){return a!==b?(a=!!a,a!==this.Qb&&((this.Qb=a)?(this.ja=f,this.t("vjs-user-inactive"),this.n("vjs-user-active"),this.k("useractive")):(this.ja=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 M,N,O;O=document.createElement("div");N={};
+O.Hd!==b?(N.tc="requestFullscreen",N.nb="exitFullscreen",N.ub="fullscreenchange",N.isFullScreen="fullScreen"):(document.mozCancelFullScreen?(M="moz",N.isFullScreen=M+"FullScreen"):(M="webkit",N.isFullScreen=M+"IsFullScreen"),O[M+"RequestFullScreen"]&&(N.tc=M+"RequestFullScreen",N.nb=M+"CancelFullScreen"),N.ub=M+"fullscreenchange");document[N.nb]&&(u.Pb.requestFullScreen=N);u.Da=u.c.extend();
+u.Da.prototype.g={Md:"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.pa="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.u.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.pa="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.qc="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.u.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(){var a;"Flash"===this.b.ha&&this.b.seeking()?(a=this.b.u,a=a.oc?a.oc:this.b.currentTime()):a=this.b.currentTime();return a/this.b.duration()};t.Pa=function(a){u.N.prototype.Pa.call(this,a);this.b.Nb=f;this.Dd=!this.b.paused();this.b.pause()};
+t.Hb=function(a){a=E(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.Dd&&this.b.play()};t.wc=function(){this.b.currentTime(this.b.currentTime()+5)};t.vc=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.qc="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(E(this,a))};t.xb=function(){return this.b.muted()?0:this.b.volume()};t.wc=function(){this.b.volume(this.b.volume()+0.1)};t.vc=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.na=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.Ac===l)&&this.n("vjs-hidden");a.d("loadstart",u.bind(this,function(){a.h.m&&a.h.m.Ac===l?this.n("vjs-hidden"):this.t("vjs-hidden")}));this.n("vjs-menu-button")}});u.na.prototype.Ja=function(){var a=new u.ma(this.b,{Tc:"div"}),c=new u.gb(this.b,u.j.B({Cd:f},this.g.Vd));a.X(c);return a};u.na.prototype.p=function(){u.ca.prototype.p.call(this);u.Q.prototype.p.call(this)};
+u.na.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.na.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 P="backgroundSize"in u.ea.style;
+u.Fa.prototype.e=function(){var a=u.e("div",{className:"vjs-poster",tabIndex:-1});P||a.appendChild(u.e("img"));return a};u.Fa.prototype.src=function(a){var c=this.v();a!==b&&(P?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.ia()});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,r;d=0;g.d("touchstart",function(){d=(new Date).getTime();r=f});a=function(){r=l};g.d("touchmove",a);g.d("touchleave",a);g.d("touchcancel",
+a);g.d("touchend",function(){r===f&&(n=(new Date).getTime()-d,250>n&&this.k("tap"))});g.d("tap",g.md)}};c=u.bind(g,g.pd);this.K(a);e.d("controlsenabled",a);e.d("controlsdisabled",c)}});u.r.prototype.pd=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.md=function(){this.J().ia(!this.J().ia())};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.Sc();this.m.movingMediaElementInDOM=!u.Hc;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.$c));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.v());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.$c=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.sd=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.xd=function(a){this.a.volume=a};t.muted=function(){return this.a.muted};t.vd=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.wd=function(a){this.a.Qa=a};t.autoplay=function(){return this.a.autoplay};t.rd=function(a){this.a.autoplay=a};t.controls=function(){return this.a.controls};t.loop=function(){return this.a.loop};
+t.ud=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.Sc=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.Lc&&(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);e&&(e.type&&u.f.ed(e.type)?
+(a=u.f.xc(e.src),k.rtmpConnection=encodeURIComponent(a.qb),k.rtmpStream=encodeURIComponent(a.Ob)):k.src=encodeURIComponent(u.kc(e.src)));u.yb(g,d);c.startTime&&this.K(function(){this.load();this.play();this.currentTime(c.startTime)});if(c.iFrameMode===f&&!u.Gc){var r=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(r,"load",u.bind(this,
+function(){var a,d=r.contentWindow;a=r.contentDocument?r.contentDocument:r.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.ha&&this.k(c)});d.errors=u.bind(this.b,function(a,c){u.log("Flash Error",c)})}));g.parentNode.replaceChild(r,g)}else u.f.Zc(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.dd(a)?(a=u.f.xc(a),this.Qd(a.qb),this.Rd(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.Od(),d=this.Pd();c&&d&&(a=u.f.yd(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=s(l);var Q=u.f.prototype,R="rtmpConnection rtmpStream preload currentTime defaultPlaybackRate playbackRate autoplay loop mediaGroup controller controls volume muted defaultMuted".split(" "),S="error currentSrc networkState readyState seeking initialTime duration startOffsetTime paused played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks".split(" ");
+function fa(){var a=R[T],c=a.charAt(0).toUpperCase()+a.slice(1);Q["set"+c]=function(c){return this.a.vjs_setProperty(a,c)}}function U(a){Q[a]=function(){return this.a.vjs_getProperty(a)}}var T;for(T=0;T<R.length;T++)U(R[T]),fa();for(T=0;T<S.length;T++)U(S[T]);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.bd||a in u.f.yc)return"maybe"};
+u.f.bd={"video/flv":"FLV","video/x-flv":"FLV","video/mp4":"MP4","video/m4v":"MP4"};u.f.yc={"rtmp/mp4":"MP4","rtmp/flv":"FLV"};u.f.onReady=function(a){a=u.v(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.v().vjs_getProperty?a.Ua():setTimeout(function(){u.f.ob(a)},50)};u.f.onEvent=function(a,c){u.v(a).player.k(c)};u.f.onError=function(a,c){u.v(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.Zc=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.ta(c,function(a,c){g+=a+"="+c+"&amp;"});d=u.j.B({movie:a,flashvars:g,allowScriptAccess:"always",allowNetworking:"all"},d);u.j.ta(d,function(a,c){j+='<param name="'+a+'" value="'+c+'" />'});e=u.j.B({data:a,width:"100%",height:"100%"},e);u.j.ta(e,function(a,c){k+=a+'="'+c+'" '});return'<object type="application/x-shockwave-flash"'+k+">"+j+"</object>"};u.f.yd=function(a,c){return a+"&"+c};
+u.f.xc=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.ed=function(a){return a in u.f.yc};u.f.Nc=/^rtmp[set]?:\/\//i;u.f.dd=function(a){return u.f.Nc.test(a)};
+u.Mc=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()){H(a,e);break}}}else a.src(a.g.sources)}});u.Player.prototype.textTracks=function(){return this.ya=this.ya||[]};function V(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.uc=c.src;this.Wc=c["default"]||c.dflt;this.Ad=c.title;this.Ld=c.srclang;this.fd=c.label;this.Z=[];this.jb=[];this.fa=this.ga=0;this.b.d("fullscreenchange",u.bind(this,this.Pc))}});t=u.w.prototype;t.F=p("A");t.src=p("uc");t.tb=p("Wc");t.title=p("Ad");t.label=p("fd");t.Uc=p("Z");t.Oc=p("jb");t.readyState=p("ga");t.mode=p("fa");
+t.Pc=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(){W(this);this.fa=2;u.c.prototype.show.call(this)};t.C=function(){W(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 W(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.uc,u.bind(this,this.nd),u.bind(this,this.Gb)))};
+t.Gb=function(a){this.error=a;this.ga=3;this.k("error")};t.nd=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=X(d[0]);c.ua=X(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 X(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,r;a>=this.Ma||this.Ma===b?r=this.vb!==b?this.vb:0:(g=f,r=this.Cb!==b?this.Cb:c.length-1);for(;;){n=c[r];if(n.ua<=a)e=Math.max(e,n.ua),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=r),k=r):(j.push(n),k===b&&(k=r),q=r),d=Math.min(d,n.ua),e=Math.max(e,n.startTime),n.Ha=
+f;if(g)if(0===r)break;else r--;else if(r===c.length-1)break;else r++}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);V(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:s(l),mode:s(l)};u.W.call(this,a,c);this.selected(f)}});
+u.bb.prototype.p=function(){u.W.prototype.p.call(this);V(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.sa=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.pa="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.pa="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.pa="Chapters";t.className="vjs-chapters-button";
+t.sa=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.Id=e;e.d("loaded",u.bind(this,this.Ja));return}g=e;break}a=this.va=new u.ma(this.b);a.a.appendChild(u.e("li",{className:"vjs-menu-title",innerHTML:u.Y(this.A),zd:-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.ua;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.ua)};
+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 Y=/[\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);Y.lastIndex=0;Y.test(a)&&(a=a.replace(Y,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.Bc||u.kb()};u.kb=function(){setTimeout(u.ec,1)};"complete"===document.readyState?u.Bc=f:u.T(window,"load",function(){u.Bc=f});u.kb();u.od=function(a,c){u.Player.prototype[a]=c};var Z=this;Z.Ed=f;function $(a,c){var d=a.split("."),e=Z;!(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.wa);$("videojs.TOUCH_ENABLED",u.ac);$("videojs.cache",u.qa);$("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.v;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.Xc;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.ia;$("videojs.MediaLoader",u.Mc);$("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.na);$("videojs.VolumeHandle",u.ib);$("videojs.MuteToggle",u.ca);$("videojs.PosterImage",u.Fa);$("videojs.Menu",u.ma);$("videojs.MenuItem",u.M);$("videojs.MenuButton",u.Q);u.Q.prototype.createItems=u.Q.prototype.sa;u.R.prototype.createItems=u.R.prototype.sa;u.Ca.prototype.createItems=u.Ca.prototype.sa;$("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.Ac;u.r.prototype.m.fullscreenResize=u.r.prototype.m.Jd;u.r.prototype.m.progressEvents=u.r.prototype.m.Nd;u.r.prototype.m.timeupdateEvents=u.r.prototype.m.Sd;$("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.sd;u.l.prototype.setVolume=u.l.prototype.xd;
+u.l.prototype.setMuted=u.l.prototype.vd;u.l.prototype.setPreload=u.l.prototype.wd;u.l.prototype.setAutoplay=u.l.prototype.rd;u.l.prototype.setLoop=u.l.prototype.ud;$("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.Uc;u.w.prototype.activeCues=u.w.prototype.Oc;
+$("videojs.CaptionsTrack",u.Ub);$("videojs.SubtitlesTrack",u.$b);$("videojs.ChaptersTrack",u.Vb);$("videojs.autoSetup",u.ec);$("videojs.plugin",u.od);$("videojs.createTimeRange",u.sb);$("videojs.util",u.ka);u.ka.mergeOptions=u.ka.Fb;})();

docs/api.md

@@ -1,242 +0,0 @@
----
-layout: docs
-title: API
-description: Video.JS API Docs - API settings based on the HTML5 video API
-body_id: api
-body_class: docs subpage
----
-
-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.
-
-{% highlight javascript %}
-
-  var myPlayer = _V_("example_video_1");
-
-{% endhighlight %}
-
-(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.
-
-{% highlight javascript %}
-
-    _V_("example_video_1").ready(function(){
-
-      var myPlayer = this;
-
-      // EXAMPLE: Start playing the video.
-      myPlayer.play();
-
-    });
-
-{% endhighlight %}
-
-API Methods
------------
-Now that you have access to a ready player, you can control the video 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.
-
-{% highlight javascript %}
-
-  myPlayer.play();
-
-{% endhighlight %}
-
-
-
-### pause()
-  Pause the video playback. Returns: the player object
-
-{% highlight javascript %}
-
-  myPlayer.pause();
-
-{% endhighlight %}
-
-### currentTime()
-  Returns the current time of the video in seconds.
-
-{% highlight javascript %}
-
-  var whereYouAt = myPlayer.currentTime();
-
-{% endhighlight %}
-
-### currentTime(seconds) // Type: Integer or Float
-  Seek to the supplied time (seconds).
-  Returns the player object.
-
-{% highlight javascript %}
-
-  myPlayer.currentTime(120); // 2 minutes into the video
-
-{% endhighlight %}
-
-
-### 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.
-
-
-{% highlight javascript %}
-
-  var howLongIsThis = myPlayer.duration();
-
-{% endhighlight %}
-
-### buffered()
-  Returns a [TimeRange](http://videojs.com/docs/glossary.html#timerange) with sections of the video that have been downloaded. If you just want the percent of the video that's been downloaded, use bufferedPercent.
-
-{% highlight javascript %}
-
-  var whatHasBeenBuffered = myPlayer.buffered();
-
-{% endhighlight %}
-
-### bufferedPercent()
-  Returns the percent (as a decimal) of the video that's been downloaded.
-
-{% highlight javascript %}
-
-  var howMuchIsDownloaded = myPlayer.bufferedPercent();
-
-{% endhighlight %}
-
-### 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.
-
-{% highlight javascript %}
-
-  var howLoudIsIt = myPlayer.volume();
-
-{% endhighlight %}
-
-### volume(percentAsDecimal)
-  Set the volume to the supplied percent (as a decimal between 0 and 1).
-
-{% highlight javascript %}
-
-  myPlayer.volume(0.5); // Set volume to half
-
-{% endhighlight %}
-
-### width()
-  Returns the current width of the video in pixels.
-
-{% highlight javascript %}
-
-    var howWideIsIt = myPlayer.width();
-
-{% endhighlight %}
-
-### width(pixels)
-  Change the width of the video to the supplied width in pixels.
-  Returns the player object
-
-{% highlight javascript %}
-
-  myPlayer.width(640);
-
-{% endhighlight %}
-
-
-### height()
-  Returns the current height of the video in pixels.
-
-{% highlight javascript %}
-
-  var howTallIsIt = myPlayer.height();
-
-{% endhighlight %}
-
-
-### height(pixels)
-  Change the height of the video to the supplied height in pixels.
-  Returns the player object
-
-{% highlight javascript %}
-
-  myPlayer.height(480);
-
-{% endhighlight %}
-
-
-### size(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.
-
-{% highlight javascript %}
-
-  myPlayer.size(640,480);
-
-{% endhighlight %}
-
-
-### 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 fills the browser window. In browsers that support native full screen, typically the browser's default controls will be shown, and not the Video.js custom skin. In full window mode, the Video.js controls and skin will always be used.
-  Returns the player object.
-
-{% highlight javascript %}
-
-  myPlayer.enterFullScreen();
-
-{% endhighlight %}
-
-
-### cancelFullScreen()
-  Return the video to its normal size after having been in full screen mode.
-  Returns the player object.
-
-{% highlight javascript %}
-
-  myPlayer.exitFullScreen();
-
-{% endhighlight %}
-
-
-Events
-------
-You can attach event listeners to the player similarly to how you would for a video element.
-
-{% highlight javascript %}
-
-  var myFunc = function(){
-    // Do something when the event is fired
-  };
-  myPlayer.addEvent("eventName", myFunc);
-
-{% endhighlight %}
-
-
-You can also remove the listeners later.
-
-{% highlight javascript %}
-
-  myPlayer.removeEvent("eventName", myFunc);
-
-{% endhighlight %}
-
-
-### Event Types
-
-<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>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>
-</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)
+
+---
+