Release 4.5.2

fixes #1123, fixes #1140

.gitignore

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

.jshintrc

@@ -18,7 +18,10 @@
         "goog",
         "console",
 
-        "require",        
+        "require",
+        "define",
+        "module",
+        "exports",
 
         "PlayerTest",
         "asyncTest",

.npmignore

@@ -0,0 +1,3 @@
+# Exclude everything but the contents of the dist directory.
+**/*
+!dist/**

CHANGELOG.md

@@ -1,11 +1,73 @@
 CHANGELOG
 =========
 
-## Unreleased (HEAD)
+## HEAD (Unreleased)
 _(none)_
 
 --------------------
 
+## 4.5.2 (2014-04-12)
+* Updated release versioning to include bower.json and component.json
+
+## 4.5.1 (2014-03-27)
+* Fixed a bug from the last release where canPlaySource was no longer exported
+
+## 4.5.0 (2014-03-27)
+* Added component(1) support ([view](https://github.com/videojs/video.js/pull/1032))
+* Captions now move down when controls are hidden ([view](https://github.com/videojs/video.js/pull/1053))
+* Added the .less source file to the distribution files ([view](https://github.com/videojs/video.js/pull/1056))
+* Changed src() to return the current selected source ([view](https://github.com/videojs/video.js/pull/968))
+* Added a grunt task for opening the next issue that needs addressing ([view](https://github.com/videojs/video.js/pull/1059))
+* Fixed Android 4.0+ devices' check for HLS support ([view](https://github.com/videojs/video.js/pull/1084))
+
+## 4.4.3 (2014-03-06)
+* Fixed bugs in IE9 Windows 7N with no Media Player ([view](https://github.com/videojs/video.js/pull/1060))
+* Fixed a bug with setPoster() in the minified version ([view](https://github.com/videojs/video.js/pull/1062))
+
+## 4.4.2 (2014-02-24)
+* Fixed module.exports in minified version ([view](https://github.com/videojs/video.js/pull/1038))
+
+## 4.4.1 (2014-02-18)
+* Added .npmignore so dist files wouldn't be ignored in packages
+
+## 4.4.0 (2014-02-18)
+* 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))
+* Added player methods to externs so they can be overridden ([view](https://github.com/videojs/video.js/pull/878))
+* Fixed html5 playback when switching between media techs ([view](https://github.com/videojs/video.js/pull/887))
+* Fixed Firefox+Flash mousemove events so controls don't hide permanently ([view](https://github.com/videojs/video.js/pull/899))
+* Fixed a test for touch detection ([view](https://github.com/videojs/video.js/pull/962))
+* Updated the src file list for karma tests ([view](https://github.com/videojs/video.js/pull/948))
+* Added more tests for API properties after minification ([view](https://github.com/videojs/video.js/pull/906))
+* Updated projet to use npm version of videojs-swf ([view](https://github.com/videojs/video.js/pull/930))
+* Added support for dist zipping on windows ([view](https://github.com/videojs/video.js/pull/944))
+* Fixed iOS fullscreen issue ([view](https://github.com/videojs/video.js/pull/977))
+* Fixed touch event bubbling ([view](https://github.com/videojs/video.js/pull/992))
+* Fixed ARIA role attribute for button and slider ([view](https://github.com/videojs/video.js/pull/988))
+* Fixed an issue where a component's dispose event would bubble up ([view](https://github.com/videojs/video.js/pull/981))
+* Quieted down deprecation warnings ([view](https://github.com/videojs/video.js/pull/971))
+* Updated the seek handle to contain the current time ([view](https://github.com/videojs/video.js/pull/902))
+* Added requirejs and browserify support (UMD) ([view](https://github.com/videojs/video.js/pull/998))
+
+## 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))

CONTRIBUTING.md

@@ -148,6 +148,16 @@ 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
@@ -173,15 +183,24 @@ 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:///).
+
+### Testing Locally
+A simple Connect server is available via the Grunt plugin. The commands below will allow you to setup a test sandbox and begin development.
+
+```bash
+cp sandbox/index.html.example sandbox/index.html
+grunt connect
+open http://localhost:9999/sandbox/index.html
+```
+
+> NOTES regarding local testing in Chrome 21+ (as of 2013/01/01)
+> Flash files that are local and loaded into a locally accessed page (file:///) will NOT run.
 > To get around this you can do either of the following:
 >
-> 1. Do your development and testing using a local HTTP server.
+> 1. Do your development and testing using a local HTTP server. See Grunt commands above.
 >
 > 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

Gruntfile.js

@@ -20,6 +20,13 @@ module.exports = function(grunt) {
   };
   version.majorMinor = version.major + '.' + version.minor;
 
+  // loading predefined source order from source-loader.js
+  // trust me, this is the easist way to do it so far
+  /*jshint undef:false, evil:true */
+  var blockSourceLoading = true;
+  var sourceFiles; // Needed to satisfy jshint
+  eval(grunt.file.read('./build/source-loader.js'));
+
   // Project configuration.
   grunt.initConfig({
     pkg: pkg,
@@ -45,12 +52,12 @@ module.exports = function(grunt) {
     minify: {
       source:{
         src: ['build/files/combined.video.js', 'build/compiler/goog.base.js', 'src/js/exports.js'],
-        externs: ['src/js/media/flash.externs.js'],
+        externs: ['src/js/player.externs.js', 'src/js/media/flash.externs.js'],
         dest: 'build/files/minified.video.js'
       },
       tests: {
-        src: ['build/files/combined.video.js', 'build/compiler/goog.base.js', 'src/js/exports.js', 'test/unit/*.js', '!test/unit/api.js'],
-        externs: ['src/js/media/flash.externs.js', 'test/qunit/qunit-externs.js'],
+        src: ['build/files/combined.video.js', 'build/compiler/goog.base.js', 'src/js/exports.js', 'test/unit/*.js'],
+        externs: ['src/js/player.externs.js', 'src/js/media/flash.externs.js', 'test/qunit-externs.js'],
         dest: 'build/files/test.minified.video.js'
       }
     },
@@ -64,6 +71,14 @@ module.exports = function(grunt) {
       files: [ 'src/**/*', 'test/unit/*.js', 'Gruntfile.js' ],
       tasks: 'dev'
     },
+    connect: {
+      dev: {
+        options: {
+          port: 9999,
+          keepalive: true
+        }
+      }
+    },
     copy: {
       minor: {
         files: [
@@ -118,9 +133,84 @@ module.exports = function(grunt) {
           '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/'
+        }
+      }
+    },
+    zip: {
+      dist: {
+        router: function (filepath) {
+          var path = require('path');
+          return path.relative('dist', filepath);
+        },
+        // compression: 'DEFLATE',
+        src: ['dist/video-js/**/*'],
+        dest: 'dist/video-js-' + version.full + '.zip'
+      }
+    },
+    usebanner: {
+      dist: {
+        options: {
+          position: 'top',
+          banner: '/*! Video.js v' + version.full + ' <%= pkg.copyright %> */ ',
+          linebreak: true
+        },
+        files: {
+          src: [ 'build/files/minified.video.js']
+        }
+      }
+    },
+    version: {
+      options: {
+        pkg: 'package.json'
+      },
+      major: {
+        options: {
+          release: 'major'
+        },
+        src: ['package.json', 'bower.json', 'component.json']
+      },
+      minor: {
+        options: {
+          release: 'minor'
+        },
+        src: ['package.json', 'bower.json', 'component.json']
+      },
+      patch: {
+        options: {
+          release: 'patch'
+        },
+        src: ['package.json', 'bower.json', 'component.json']
+      }
+    },
+    tagrelease: {
+      file: 'package.json',
+      commit:  true,
+      message: 'Release %version%',
+      prefix:  'v'
     }
   });
 
+  grunt.loadNpmTasks('grunt-contrib-connect');
   grunt.loadNpmTasks('grunt-contrib-jshint');
   grunt.loadNpmTasks('grunt-contrib-qunit');
   grunt.loadNpmTasks('grunt-contrib-watch');
@@ -130,25 +220,27 @@ module.exports = function(grunt) {
   grunt.loadNpmTasks('grunt-contrib-less');
   grunt.loadNpmTasks('grunt-s3');
   grunt.loadNpmTasks('contribflow');
+  grunt.loadNpmTasks('grunt-karma');
+  grunt.loadNpmTasks('videojs-doc-generator');
+  grunt.loadNpmTasks('grunt-zip');
+  grunt.loadNpmTasks('grunt-banner');
+  grunt.loadNpmTasks('grunt-version');
+  grunt.loadNpmTasks('grunt-tagrelease');
+  grunt.loadNpmTasks('chg');
+
+  // grunt.loadTasks('./docs/tasks/');
+  // grunt.loadTasks('../videojs-doc-generator/tasks/');
 
   // Default task.
-  grunt.registerTask('default', ['jshint', 'less', 'build', 'minify', 'dist']);
+  grunt.registerTask('default', ['jshint', 'less', 'build', 'minify', 'usebanner', 'dist']);
   // Development watch task
   grunt.registerTask('dev', ['jshint', 'less', 'build', 'qunit:source']);
-  grunt.registerTask('test', ['jshint', 'less', 'build', 'minify', 'qunit']);
+  grunt.registerTask('test', ['jshint', 'less', 'build', 'minify', 'usebanner', 'qunit']);
 
   var fs = require('fs'),
       gzip = require('zlib').gzip;
 
   grunt.registerMultiTask('build', 'Building Source', function(){
-    /*jshint undef:false, evil:true */
-
-    // Loading predefined source order from source-loader.js
-    // Trust me, this is the easist way to do it so far.
-    var blockSourceLoading = true;
-    var sourceFiles; // Needed to satisfy jshint
-    eval(grunt.file.read('./build/source-loader.js'));
-
     // Fix windows file path delimiter issue
     var i = sourceFiles.length;
     while (i--) {
@@ -166,7 +258,7 @@ module.exports = function(grunt) {
 
     // 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');
+    grunt.file.copy('node_modules/videojs-swf/dist/video-js.swf', 'build/files/video-js.swf');
 
     // Inject version number into css file
     var css = grunt.file.read('build/files/video-js.css');
@@ -210,7 +302,8 @@ module.exports = function(grunt) {
                 + ' --js_output_file=' + dest
                 + ' --create_source_map ' + dest + '.map --source_map_format=V3'
                 + ' --jscomp_warning=checkTypes --warning_level=VERBOSE'
-                + ' --output_wrapper "/*! Video.js v' + version.full + ' ' + pkg.copyright + ' */ (function() {%output%})();//@ sourceMappingURL=video.js.map"';
+                + ' --output_wrapper "(function() {%output%})();"';
+                //@ sourceMappingURL=video.js.map
 
     // Add each js file
     grunt.file.expand(filePatterns).forEach(function(file){
@@ -238,9 +331,7 @@ module.exports = function(grunt) {
     });
   });
 
-  grunt.registerTask('dist', 'Creating distribution', function(){
-    var exec = require('child_process').exec;
-    var done = this.async();
+  grunt.registerTask('dist-copy', 'Assembling distribution', function(){
     var css, jsmin, jsdev, cdnjs;
 
     // Manually copy each source file
@@ -248,9 +339,11 @@ module.exports = function(grunt) {
     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('node_modules/videojs-swf/dist/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');
+    grunt.file.copy('src/css/video-js.less', 'dist/video-js/video-js.less');
+
 
     // Copy over font files
     grunt.file.recurse('build/files/font', function(absdir, rootdir, subdir, filename) {
@@ -260,15 +353,22 @@ module.exports = function(grunt) {
       }
     });
 
+    // ds_store files sometime find their way in
+    if (grunt.file.exists('dist/video-js/.DS_Store')) {
+      grunt.file['delete']('dist/video-js/.DS_Store');
+    }
+
     // 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('node_modules/videojs-swf/dist/video-js.swf', 'dist/cdn/video-js.swf');
+    grunt.file.copy('build/demo-files/demo.captions.vtt', 'dist/cdn/demo.captions.vtt');
+    grunt.file.copy('build/demo-files/demo.html', 'dist/cdn/demo.html');
 
     // Replace font urls with CDN versions
     css = grunt.file.read('dist/cdn/video-js.css');
-    css = css.replace(/font\//g, '../f/1/');
+    css = css.replace(/font\//g, '../f/2/');
     grunt.file.write('dist/cdn/video-js.css', css);
 
     // Add CDN-specfic JS
@@ -276,20 +376,101 @@ module.exports = function(grunt) {
     // 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){
+  grunt.registerTask('cdn-links', 'Update the version of CDN links in docs', function(){
+    var doc = grunt.file.read('docs/guides/setup.md');
+    var version = pkg.version;
 
-      if (err) {
-        grunt.warn(err);
-        done(false);
+    // remove the patch version to point to the latest patch
+    version = version.replace(/(\d\.\d)\.\d/, '$1');
+
+    // update the version in http://vjs.zencdn.net/4.3/video.js
+    doc = doc.replace(/(\/\/vjs\.zencdn\.net\/)\d\.\d(\.\d)?/g, '$1'+version);
+    grunt.file.write('docs/guides/setup.md', doc);
+  });
+
+  grunt.registerTask('dist', 'Creating distribution', ['dist-copy', 'zip:dist']);
+
+  grunt.registerTask('next-issue', 'Get the next issue that needs a response', function(){
+    var done = this.async();
+    var GitHubApi = require('github');
+    var open = require('open');
+
+    var github = new GitHubApi({
+        // required
+        version: '3.0.0',
+        // optional
+        debug: true,
+        protocol: 'https',
+        // host: 'github.my-GHE-enabled-company.com',
+        // pathPrefix: '/api/v3', // for some GHEs
+        timeout: 5000
+    });
+
+    github.issues.repoIssues({
+        // optional:
+        // headers: {
+        //     'cookie': 'blahblah'
+        // },
+        user: 'videojs',
+        repo: 'video.js',
+        sort: 'updated',
+        direction: 'asc',
+        state: 'open',
+        per_page: 100
+    }, function(err, res) {
+      var issueToOpen;
+      var usersWithWrite = ['heff', 'mmcc'];
+      var categoryLabels = ['enhancement', 'bug', 'question', 'feature'];
+
+      console.log('Number of issues: '+res.length);
+
+      // TODO: Find the best way to exclude an issue where a question has been asked of the
+      // issue owner/submitter that hasn't been answerd yet.
+      // A stupid simple first step would be to check for the needs: more info label
+      // and exactly one comment (the question)
+
+      // find issues that need categorizing, no category labels
+      res.some(function(issue){
+        if (issue.labels.length === 0) {
+          return issueToOpen = issue; // break
+        }
+        // look for category labels
+        var categorized = issue.labels.some(function(label){
+          return categoryLabels.indexOf(label.name) >= 0;
+        });
+        if (!categorized) {
+          return issueToOpen = issue; // break
+        }
+      });
+      if (issueToOpen) {
+        open(issueToOpen.html_url);
+        return done();
       }
 
-      if (stdout) {
-        grunt.log.writeln(stdout);
+      // find issues that need confirming or answering
+      res.some(function(issue){
+        // look for confirmed label
+        var confirmed = issue.labels.some(function(label){
+          return label.name === 'confirmed';
+        });
+        // Was exluding questions, but that might leave a lot of people hanging
+        // var question = issue.labels.some(function(label){
+        //   return label.name === 'question';
+        // });
+        if (!confirmed) { //  && !question
+          return issueToOpen = issue; // break
+        }
+      });
+      if (issueToOpen) {
+        open(issueToOpen.html_url);
+        return done();
       }
 
+      grunt.log.writeln('No next issue found');
       done();
     });
   });
+
 };

README.md

@@ -1,4 +1,3 @@
-
 # [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)
 
 > 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.
@@ -15,4 +14,4 @@ To build your own custom version read the section on [contributing code](CONTRIB
 
 Video.js is licensed under the Apache License, Version 2.0. [View the license file](LICENSE)
 
-Copyright 2013 Brightcove, Inc.
+Copyright 2014 Brightcove, Inc.

bower.json

@@ -0,0 +1,16 @@
+{
+  "name": "video.js",
+  "description": "An HTML5 and Flash video player with a common API and skin for both.",
+  "version": "4.5.2",
+  "main": [
+    "dist/video-js/video.js",
+    "dist/video-js/video-js.css"
+  ],
+  "keywords": [
+    "videojs",
+    "html5",
+    "flash",
+    "video",
+    "player"
+  ]
+}

build/demo-files/demo.html

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

build/source-loader.js

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

component.json

@@ -0,0 +1,22 @@
+{
+  "name": "video.js",
+  "description": "An HTML5 and Flash video player with a common API and skin for both.",
+  "version": "4.5.2",
+  "keywords": [
+    "videojs",
+    "html5",
+    "flash",
+    "video",
+    "player"
+  ],
+  "scripts": ["dist/video-js/video.dev.js"],
+  "styles": ["dist/video-js/video-js.css"],
+  "files": ["dist/video-js/video-js.swf"],
+  "fonts": [
+    "dist/video-js/font/vjs.eot",
+    "dist/video-js/font/vjs.svg",
+    "dist/video-js/font/vjs.ttf",
+    "dist/video-js/font/vjs.woff"
+  ],
+  "main": "dist/video-js/video.dev.js"
+}

contrib.json

@@ -1,7 +1,335 @@
 {
-  "owner": "videojs",
-  "project": "video.js",
-  "developmentBranch": "master",
-  "releaseBranch": "stable",
-  "remote": "origin"
+  "project": {
+    "owner": "videojs",
+    "name": "video.js",
+    "urls": {
+      "git": "https://github.com/videojs/video.js.git"
+    },
+    "requirements": [
+      {
+        "name": "git",
+        "info": "http://git-scm.com",
+        "test": "which git"
+      },
+      {
+        "name": "node.js",
+        "info": "http://nodejs.org",
+        "test": "which node"
+      }
+    ]
+  },
+
+  "install": {
+    "steps": [
+      {
+        "desc": "Get all git branches",
+        "exec": "git fetch origin"
+      },
+      {
+        "desc": "Create the stable branch for patches",
+        "exec": "git checkout -b stable origin/stable"
+      },
+      {
+        "desc": "Add the upstream project as a remote so new changes can be pulled",
+        "exec": "git remote add upstream <%= project.urls.git %>"
+      },
+      {
+        "desc": "Get all upstream branches and changes",
+        "exec": "git fetch upstream"
+      },
+      {
+        "contrib": "update"
+      }
+    ]
+  },
+
+  "update": {
+    "steps": [
+      {
+        "desc": "Switch to the development branch",
+        "exec": "git checkout master"
+      },
+      {
+        "desc": "Get any changes to master in the main project",
+        "exec": "git pull upstream master"
+      },
+      {
+        "desc": "Switch to the release branch",
+        "exec": "git checkout stable"
+      },
+      {
+        "desc": "Get any changes to stable in the main project",
+        "exec": "git pull upstream stable"
+      },
+      {
+        "desc": "Install dependencies",
+        "exec": "npm install"
+      },
+      {
+        "desc": "Build the distribution",
+        "exec": "grunt"
+      }
+    ]
+  },
+
+  "test": {
+    "steps": [
+      {
+        "desc": "Run automated tests",
+        "exec": "grunt test"
+      }
+    ]
+  },
+
+  "contributions": {
+
+    "feature": {
+      "start": {
+        "desc": "Start a new feature",
+        "steps": [
+          {
+            "id": "name",
+            "desc": "Name the feature branch",
+            "prompt": {
+              "type": "text",
+              "message": "name"
+            }
+          },
+          {
+            "desc": "Check out the development branch and get any updates",
+            "exec": "git checkout master && git pull upstream master"
+          },
+          {
+            "desc": "Create the patch branch",
+            "exec": "git checkout -b feature/<%= name %>"
+          },
+          {
+            "desc": "Push the branch to the origin repo",
+            "exec": "git push -u origin feature/<%= name %>"
+          }
+        ]
+      },
+      "submit": {
+        "desc": "Submit a pull request for a feature when it's finished",
+        "steps": [
+          {
+            "desc": "Test for unadded changes <%= args[0] %>",
+            "exec": "git diff --exit-code",
+            "fail": "Make sure all changes have been added and committed, or stashed, before switching branches"
+          },
+          {
+            "desc": "Test for uncommitted changes",
+            "exec": "git diff --cached --exit-code",
+            "fail": "Make sure all changes have been added and committed, or stashed, before switching branches"
+          },
+          {
+            "contrib": "test"
+          },
+          {
+            "id": "branch",
+            "desc": "Get the current branch",
+            "exec": "git rev-parse --abbrev-ref HEAD"
+          },
+          {
+            "desc": "Are you sure <%= branch %> is the branch you want to submit",
+            "prompt": "confirm"
+          },
+          {
+            "id": "user",
+            "desc": "Which github user or org are you submitting from?",
+            "prompt": {
+              "type": "text",
+              "message": "user"
+            }
+          },
+          {
+            "desc": "Open the github pull request page",
+            "open": "https://github.com/videojs/video.js/compare/videojs:master...<%= user %>:<%= branch %>"
+          }
+        ]
+      }
+    },
+
+    "patch": {
+      "desc": "Urgent fixes for the latest stable version",
+      "new": {
+        "desc": "Start a new patch",
+        "steps": [
+          {
+            "id": "name",
+            "desc": "Name the patch branch",
+            "prompt": {
+              "type": "text",
+              "message": "name"
+            }
+          },
+          {
+            "desc": "Check out the release branch and get any updates",
+            "exec": "git checkout stable && git pull upstream stable"
+          },
+          {
+            "desc": "Create the patch branch",
+            "exec": "git checkout -b patch/<%= name %>"
+          },
+          {
+            "desc": "Push the branch to the origin repo",
+            "exec": "git push -u origin patch/<%= name %>"
+          }
+        ]
+      },
+      "submit": {
+        "desc": "Submit a pull request for a patch when it's finished",
+        "steps": [
+          {
+            "contrib": "test"
+          },
+          {
+            "desc": "Test for unadded changes",
+            "exec": "git diff --exit-code",
+            "fail": "Make sure all changes have been added and committed, or stashed, before switching branches"
+          },
+          {
+            "desc": "Test for uncommitted changes",
+            "exec": "git diff --cached --exit-code",
+            "fail": "Make sure all changes have been added and committed, or stashed, before switching branches"
+          },
+          {
+            "id": "branch",
+            "desc": "Get the current branch",
+            "exec": "git rev-parse --abbrev-ref HEAD"
+          },
+          {
+            "desc": "Are you sure <%= branch %> is the branch you want to submit",
+            "prompt": "confirm"
+          },
+          {
+            "id": "user",
+            "desc": "Which github user or org are you submitting from?",
+            "prompt": {
+              "type": "text",
+              "message": "user"
+            }
+          },
+          {
+            "desc": "Open the github pull request page",
+            "open": "https://github.com/videojs/video.js/compare/videojs:stable...<%= user %>:<%= branch %>"
+          }
+        ]
+      },
+      "delete": {
+        "desc": "Delete the current patch branch",
+        "steps": [
+          {
+            "id": "name",
+            "guide": false,
+            "desc": "Get the current branch name",
+            "exec": "git rev-parse --abbrev-ref HEAD"
+          },
+          {
+            "desc": "Confirm you are deleting the correct branch",
+            "prompt": "Delete branch '<%= name %>'?"
+          },
+          {
+            "desc": "Delete the local copy of the branch",
+            "exec": "git branch -D <%= name %>"
+          },
+          {
+            "desc": "Delete the remote copy of the branch",
+            "exec": "git push origin :<%= name %>"
+          }
+        ]
+      }
+    },
+
+    "release": {
+      "desc": "Create and publish a release",
+      "steps": [
+        {
+          "desc": "Ensure there's no unadded changes",
+          "exec": "git diff --exit-code"
+        },
+        {
+          "desc": "Ensure there's no added changes",
+          "exec": "git diff --cached --exit-code"
+        },
+        {
+          "desc": "Have the changes been merged into the release branch (stable)?",
+          "prompt": "confirm"
+        },
+        {
+          "id": "type",
+          "desc": "Provide the release type",
+          "prompt": {
+            "message": "release type",
+            "default": "patch",
+            "type": "text"
+          }
+        },
+        {
+          "desc": "Checkout and update the release branch",
+          "exec": "git checkout stable & git pull"
+        },
+        {
+          "desc": "Run tests",
+          "exec": "grunt test"
+        },
+        {
+          "desc": "Update the changelog with the new release",
+          "exec": "grunt chg-release:<%= type %>"
+        },
+        {
+          "desc": "Bump package versions",
+          "exec": "grunt version:<%= type %>"
+        },
+        {
+          "desc": "Build the release",
+          "exec": "grunt"
+        },
+        {
+          "desc": "Add the (otherwise ignored) release files",
+          "exec": "git add dist/video-js --force"
+        },
+        {
+          "desc": "Rebuild the docs",
+          "exec": "grunt vjsdocs"
+        },
+        {
+          "desc": "Update the cdn urls in the docs",
+          "exec": "grunt cdn-links"
+        },
+        {
+          "desc": "Tag the release",
+          "exec": "grunt tagrelease"
+        },
+        {
+          "desc": "Push changes to the remote",
+          "exec": "git push origin stable"
+        },
+        {
+          "desc": "Push tags to the remote",
+          "exec": "git push --tags"
+        },
+        {
+          "desc": "Publish to npm",
+          "exec": "npm publish"
+        },
+        {
+          "desc": "Checkout the development branch (master) and merge changes",
+          "exec": "git checkout master && git merge stable"
+        },
+        {
+          "desc": "Remove built dist files to re-ignore them",
+          "exec": "grunt clean:dist"
+        },
+        {
+          "desc": "Commit the removed dist files",
+          "exec": "git add -u && git commit -m 'Removed dist files'"
+        },
+        {
+          "desc": "Push development branch changes",
+          "exec": "git push origin master"
+        }
+      ]
+    }
+  }
 }

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,770 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version 4.5.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;
+}
+/* Move captions down when controls aren't being shown */
+.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 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.less

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

dist/video-js/video.js

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

docs/api.md

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

docs/api/vjs.BigPlayButton.md

@@ -0,0 +1,530 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.Button.md

@@ -0,0 +1,529 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.CaptionsButton.md

@@ -0,0 +1,533 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.CaptionsTrack.md

@@ -0,0 +1,672 @@
+<!-- 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`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### 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#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### 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#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.ChaptersButton.md

@@ -0,0 +1,533 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.ChaptersTrack.md

@@ -0,0 +1,672 @@
+<!-- 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`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### 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#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### 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#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.ChaptersTrackMenuItem.md

@@ -0,0 +1,541 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.Component.md

@@ -0,0 +1,549 @@
+<!-- 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-)
+  - [dispose](#dispose)
+  - [el](#el)
+  - [enableTouchActivity](#enabletouchactivity)
+  - [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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_defined in_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_defined in_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_defined in_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_defined in_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_defined in_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_defined in_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_defined in_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_defined in_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_defined in_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.ControlBar.md

@@ -0,0 +1,529 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

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,527 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.DurationDisplay.md

@@ -0,0 +1,527 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.Flash.md

@@ -0,0 +1,593 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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`_
+  - [onTap](#ontap) _`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`_
+  - [setPoster](#setposter) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L45](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L45)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L118](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L118)
+
+---
+
+### onTap()
+> Handle a tap on the media element. By default it will toggle the user
+> activity state, which hides and shows the controls.
+
+_inherited from_: [src/js/media/media.js#L138](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L138)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L102](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L102)
+
+---
+
+### setPoster()
+> Provide a default setPoster method for techs
+> 
+> Poster support for techs should be optional, so we don't want techs to
+> break if they don't have a way to set a poster.
+
+_inherited from_: [src/js/media/media.js#L148](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L148)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.FullscreenToggle.md

@@ -0,0 +1,527 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.Html5.md

@@ -0,0 +1,593 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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`_
+  - [onTap](#ontap) _`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`_
+  - [setPoster](#setposter) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L45](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L45)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L118](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L118)
+
+---
+
+### onTap()
+> Handle a tap on the media element. By default it will toggle the user
+> activity state, which hides and shows the controls.
+
+_inherited from_: [src/js/media/media.js#L138](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L138)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L102](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L102)
+
+---
+
+### setPoster()
+> Provide a default setPoster method for techs
+> 
+> Poster support for techs should be optional, so we don't want techs to
+> break if they don't have a way to set a poster.
+
+_inherited from_: [src/js/media/media.js#L148](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L148)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

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,527 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.LoadProgressBar
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/progress-control.js#L118](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L118)  
+
+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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/progress-control.js#L120](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L120)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.LoadingSpinner.md

@@ -0,0 +1,527 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.MediaLoader.md

@@ -0,0 +1,529 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.MediaTechController.md

@@ -0,0 +1,593 @@
+<!-- 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-)
+  - [onTap](#ontap)
+  - [removeControlsListeners](#removecontrolslisteners)
+  - [setPoster](#setposter)
+  - [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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L45](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L45)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L118](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L118)
+
+---
+
+### onTap()
+> Handle a tap on the media element. By default it will toggle the user
+> activity state, which hides and shows the controls.
+
+_defined in_: [src/js/media/media.js#L138](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L138)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L102](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L102)
+
+---
+
+### setPoster()
+> Provide a default setPoster method for techs
+> 
+> Poster support for techs should be optional, so we don't want techs to
+> break if they don't have a way to set a poster.
+
+_defined in_: [src/js/media/media.js#L148](https://github.com/videojs/video.js/blob/master/src/js/media/media.js#L148)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.Menu.md

@@ -0,0 +1,538 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.MenuButton.md

@@ -0,0 +1,532 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.MenuItem.md

@@ -0,0 +1,543 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.MuteToggle.md

@@ -0,0 +1,527 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.OffTextTrackMenuItem.md

@@ -0,0 +1,543 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.PlayProgressBar.md

@@ -0,0 +1,527 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.PlayProgressBar
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/progress-control.js#L145](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L145)  
+
+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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/progress-control.js#L147](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L147)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.PlayToggle.md

@@ -0,0 +1,527 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.Player.md

@@ -0,0 +1,972 @@
+<!-- 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-)
+  - [isFullScreen](#isfullscreen-isfs-)
+  - [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`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L727](https://github.com/videojs/video.js/blob/master/src/js/player.js#L727)
+
+---
+
+### 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#L753](https://github.com/videojs/video.js/blob/master/src/js/player.js#L753)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### 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#L909](https://github.com/videojs/video.js/blob/master/src/js/player.js#L909)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L1174](https://github.com/videojs/video.js/blob/master/src/js/player.js#L1174)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L650](https://github.com/videojs/video.js/blob/master/src/js/player.js#L650)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### 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#L135](https://github.com/videojs/video.js/blob/master/src/js/player.js#L135)
+
+---
+
+### 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#L681](https://github.com/videojs/video.js/blob/master/src/js/player.js#L681)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### isFullScreen( [isFS] )
+> Check if the player is in fullscreen mode
+> 
+>     // get
+>     var fullscreenOrNot = myPlayer.isFullScreen();
+> 
+>     // set
+>     myPlayer.isFullScreen(true); // tell the player it's in fullscreen
+> 
+> NOTE: As of the latest HTML5 spec, isFullScreen is no longer an official
+> property and instead document.fullscreenElement is used. But isFullScreen is
+> still a valuable property for internal player workings.
+
+##### PARAMETERS: 
+* __isFS__ `Boolean` _(OPTIONAL)_ Update the player's fullscreen state
+
+##### RETURNS: 
+* `Boolean` true if fullscreen, false if not
+* `vjs.Player` self, when setting
+
+_defined in_: [src/js/player.js#L840](https://github.com/videojs/video.js/blob/master/src/js/player.js#L840)
+
+---
+
+### 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#L802](https://github.com/videojs/video.js/blob/master/src/js/player.js#L802)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### pause()
+> Pause the video playback
+> 
+>     myPlayer.pause();
+
+##### RETURNS: 
+* `vjs.Player` self
+
+_defined in_: [src/js/player.js#L619](https://github.com/videojs/video.js/blob/master/src/js/player.js#L619)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/player.js#L632)
+
+---
+
+### play()
+> start media playback
+> 
+>     myPlayer.play();
+
+##### RETURNS: 
+* `vjs.Player` self
+
+_defined in_: [src/js/player.js#L607](https://github.com/videojs/video.js/blob/master/src/js/player.js#L607)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L1147](https://github.com/videojs/video.js/blob/master/src/js/player.js#L1147)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L862](https://github.com/videojs/video.js/blob/master/src/js/player.js#L862)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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: 
+* `String` The current video source when getting
+* `String` The player when setting
+
+_defined in_: [src/js/player.js#L1025](https://github.com/videojs/video.js/blob/master/src/js/player.js#L1025)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L772](https://github.com/videojs/video.js/blob/master/src/js/player.js#L772)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### durationchange `EVENT`
+> Fired when the duration of the media resource is first known or changed
+
+_defined in_: [src/js/player.js#L502](https://github.com/videojs/video.js/blob/master/src/js/player.js#L502)
+
+---
+
+### ended `EVENT`
+> Fired when the end of the media resource is reached (currentTime == duration)
+
+_defined in_: [src/js/player.js#L491](https://github.com/videojs/video.js/blob/master/src/js/player.js#L491)
+
+---
+
+### error `EVENT`
+> Fired when there is an error in playback
+
+##### PARAMETERS: 
+* __e__ 
+
+_defined in_: [src/js/player.js#L534](https://github.com/videojs/video.js/blob/master/src/js/player.js#L534)
+
+---
+
+### 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#L448](https://github.com/videojs/video.js/blob/master/src/js/player.js#L448)
+
+---
+
+### fullscreenchange `EVENT`
+> Fired when the player switches in or out of fullscreen mode
+
+_defined in_: [src/js/player.js#L522](https://github.com/videojs/video.js/blob/master/src/js/player.js#L522)
+
+---
+
+### loadedalldata `EVENT`
+> Fired when the player has finished downloading the source data
+
+_defined in_: [src/js/player.js#L428](https://github.com/videojs/video.js/blob/master/src/js/player.js#L428)
+
+---
+
+### loadeddata `EVENT`
+> Fired when the player has downloaded data at the current playback position
+
+_defined in_: [src/js/player.js#L422](https://github.com/videojs/video.js/blob/master/src/js/player.js#L422)
+
+---
+
+### loadedmetadata `EVENT`
+> Fired when the player has initial duration and dimension information
+
+_defined in_: [src/js/player.js#L416](https://github.com/videojs/video.js/blob/master/src/js/player.js#L416)
+
+---
+
+### loadstart `EVENT`
+> Fired when the user agent begins looking for media data
+
+_defined in_: [src/js/player.js#L410](https://github.com/videojs/video.js/blob/master/src/js/player.js#L410)
+
+---
+
+### pause `EVENT`
+> Fired whenever the media has been paused
+
+_defined in_: [src/js/player.js#L462](https://github.com/videojs/video.js/blob/master/src/js/player.js#L462)
+
+---
+
+### play `EVENT`
+> Fired whenever the media begins or resumes playback
+
+_defined in_: [src/js/player.js#L434](https://github.com/videojs/video.js/blob/master/src/js/player.js#L434)
+
+---
+
+### progress `EVENT`
+> Fired while the user agent is downloading media data
+
+_defined in_: [src/js/player.js#L480](https://github.com/videojs/video.js/blob/master/src/js/player.js#L480)
+
+---
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+
+### 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#L474](https://github.com/videojs/video.js/blob/master/src/js/player.js#L474)
+
+---
+
+### volumechange `EVENT`
+> Fired when the volume changes
+
+_defined in_: [src/js/player.js#L516](https://github.com/videojs/video.js/blob/master/src/js/player.js#L516)
+
+---
+

docs/api/vjs.PosterImage.md

@@ -0,0 +1,527 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.ProgressControl.md

@@ -0,0 +1,528 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.RemainingTimeDisplay.md

@@ -0,0 +1,527 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.RemainingTimeDisplay
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/time-display.js#L108](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L108)  
+
+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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/time-display.js#L110](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L110)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.SeekBar.md

@@ -0,0 +1,539 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.SeekHandle.md

@@ -0,0 +1,527 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.SeekHandle
+
+__EXTENDS__: [vjs.SliderHandle](vjs.SliderHandle.md)  
+__DEFINED IN__: [src/js/control-bar/progress-control.js#L167](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L167)  
+
+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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L183](https://github.com/videojs/video.js/blob/master/src/js/control-bar/progress-control.js#L183)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.Slider.md

@@ -0,0 +1,539 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.SliderHandle.md

@@ -0,0 +1,527 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.SubtitlesButton.md

@@ -0,0 +1,533 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.SubtitlesTrack.md

@@ -0,0 +1,672 @@
+<!-- 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`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### 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#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### 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#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.TextTrack.md

@@ -0,0 +1,674 @@
+<!-- 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`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### 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#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### 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#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.TextTrackButton.md

@@ -0,0 +1,532 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.TextTrackDisplay.md

@@ -0,0 +1,528 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.TextTrackMenuItem.md

@@ -0,0 +1,543 @@
+<!-- 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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### 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#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.TimeDivider.md

@@ -0,0 +1,529 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.TimeDivider
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/time-display.js#L88](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L88)  
+
+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`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/time-display.js#L90](https://github.com/videojs/video.js/blob/master/src/js/control-bar/time-display.js#L90)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.VolumeBar.md

@@ -0,0 +1,539 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeBar
+
+__EXTENDS__: [vjs.Slider](vjs.Slider.md)  
+__DEFINED IN__: [src/js/control-bar/volume-control.js#L46](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L46)  
+
+The bar that contains the volume level and can be clicked on to adjust the level
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/volume-control.js#L48](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L48)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.VolumeControl.md

@@ -0,0 +1,527 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeControl
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/volume-control.js#L8](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L8)  
+
+The component for controlling the volume level
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/volume-control.js#L10](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L10)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.VolumeHandle.md

@@ -0,0 +1,526 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeHandle
+
+__EXTENDS__: [vjs.SliderHandle](vjs.SliderHandle.md)  
+__DEFINED IN__: [src/js/control-bar/volume-control.js#L132](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L132)  
+
+The volume handle can be dragged to adjust the volume level
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [createEl](#createel-tagname-attributes-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### createEl( [tagName], [attributes] )
+> Create the component's DOM element
+
+##### PARAMETERS: 
+* __tagName__ `String` _(OPTIONAL)_ Element's node type. e.g. 'div'
+* __attributes__ `Object` _(OPTIONAL)_ An object of element attributes that should be set on the element
+
+_defined in_: [src/js/control-bar/volume-control.js#L137](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L137)
+
+---
+
+### dimensions( width, height )
+> Set both width and height at the same time
+
+##### PARAMETERS: 
+* __width__ `Number|String` 
+* __height__ `Number|String` 
+
+##### RETURNS: 
+* `vjs.Component` The component
+
+_inherited from_: [src/js/component.js#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### 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#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.VolumeLevel.md

@@ -0,0 +1,527 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeLevel
+
+__EXTENDS__: [vjs.Component](vjs.Component.md)  
+__DEFINED IN__: [src/js/control-bar/volume-control.js#L111](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L111)  
+
+Shows volume level
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### buildCSSClass()
+> Allows sub components to stack CSS class names
+
+##### RETURNS: 
+* `String` The constructed class name
+
+_inherited from_: [src/js/component.js#L475](https://github.com/videojs/video.js/blob/master/src/js/component.js#L475)
+
+---
+
+### children()
+> Get an array of all child components
+> 
+>     var kids = myComponent.children();
+
+##### RETURNS: 
+* `Array` The children
+
+_inherited from_: [src/js/component.js#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/volume-control.js#L113](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-control.js#L113)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.VolumeMenuButton.md

@@ -0,0 +1,532 @@
+<!-- GENERATED FROM SOURCE -->
+
+# vjs.VolumeMenuButton
+
+__EXTENDS__: [vjs.MenuButton](vjs.MenuButton.md)  
+__DEFINED IN__: [src/js/control-bar/volume-menu-button.js#L5](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-menu-button.js#L5)  
+
+Menu button with a popup for showing the volume slider.
+
+---
+
+## INDEX
+
+- [METHODS](#methods)
+  - [init](#init-player-options-)
+  - [addChild](#addchild-child-options-) _`inherited`_
+  - [addClass](#addclass-classtoadd-) _`inherited`_
+  - [buildCSSClass](#buildcssclass) _`inherited`_
+  - [children](#children) _`inherited`_
+  - [contentEl](#contentel) _`inherited`_
+  - [createEl](#createel-tagname-attributes-) _`inherited`_
+  - [createItems](#createitems) _`inherited`_
+  - [dimensions](#dimensions-width-height-) _`inherited`_
+  - [dispose](#dispose) _`inherited`_
+  - [el](#el) _`inherited`_
+  - [enableTouchActivity](#enabletouchactivity) _`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#L347](https://github.com/videojs/video.js/blob/master/src/js/component.js#L347)
+
+---
+
+### 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#L632](https://github.com/videojs/video.js/blob/master/src/js/component.js#L632)
+
+---
+
+### 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#L281](https://github.com/videojs/video.js/blob/master/src/js/component.js#L281)
+
+---
+
+### 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#L224](https://github.com/videojs/video.js/blob/master/src/js/component.js#L224)
+
+---
+
+### 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#L194](https://github.com/videojs/video.js/blob/master/src/js/component.js#L194)
+
+---
+
+### 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#L744](https://github.com/videojs/video.js/blob/master/src/js/component.js#L744)
+
+---
+
+### dispose()
+> Dispose of the component and all child components
+
+_inherited from_: [src/js/component.js#L78](https://github.com/videojs/video.js/blob/master/src/js/component.js#L78)
+
+---
+
+### el()
+> Get the component's DOM element
+> 
+>     var domEl = myComponent.el();
+
+##### RETURNS: 
+* `Element` 
+
+_inherited from_: [src/js/component.js#L205](https://github.com/videojs/video.js/blob/master/src/js/component.js#L205)
+
+---
+
+### enableTouchActivity()
+> Report user touch activity when touch events occur
+> 
+> User activity is used to determine when controls should show/hide. It's
+> relatively simple when it comes to mouse events, because any mouse event
+> should show the controls. So we capture mouse events that bubble up to the
+> player and report activity when that happens.
+> 
+> With touch events it isn't as easy. We can't rely on touch events at the
+> player level, because a tap (touchstart + touchend) on the video itself on
+> mobile devices is meant to turn controls off (and on). User activity is
+> checked asynchronously, so what could happen is a tap event on the video
+> turns the controls off, then the touchend event bubbles up to the player,
+> which if it reported user activity, would turn the controls right back on.
+> (We also don't want to completely block touch events from bubbling up)
+> 
+> Also a touchmove, touch+hold, and anything other than a tap is not supposed
+> to turn the controls back on on a mobile device.
+> 
+> Here we're setting the default component behavior to report user activity
+> whenever touch events happen, and this can be turned off by components that
+> want touch events to act differently.
+
+_inherited from_: [src/js/component.js#L897](https://github.com/videojs/video.js/blob/master/src/js/component.js#L897)
+
+---
+
+### getChild( name )
+> Returns a child component with the provided name
+
+##### PARAMETERS: 
+* __name__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L315](https://github.com/videojs/video.js/blob/master/src/js/component.js#L315)
+
+---
+
+### getChildById( id )
+> Returns a child component with the provided ID
+
+##### PARAMETERS: 
+* __id__ 
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L298](https://github.com/videojs/video.js/blob/master/src/js/component.js#L298)
+
+---
+
+### 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#L733](https://github.com/videojs/video.js/blob/master/src/js/component.js#L733)
+
+---
+
+### hide()
+> Hide the component element if currently showing
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L663](https://github.com/videojs/video.js/blob/master/src/js/component.js#L663)
+
+---
+
+### id()
+> Get the component's ID
+> 
+>     var id = myComponent.id();
+
+##### RETURNS: 
+* `String` 
+
+_inherited from_: [src/js/component.js#L243](https://github.com/videojs/video.js/blob/master/src/js/component.js#L243)
+
+---
+
+### init( player, options )
+
+##### PARAMETERS: 
+* __player__ 
+* __options__ 
+
+_defined in_: [src/js/control-bar/volume-menu-button.js#L7](https://github.com/videojs/video.js/blob/master/src/js/control-bar/volume-menu-button.js#L7)
+
+---
+
+### initChildren()
+> Add and initialize default child components from options
+> 
+>     // when an instance of MyComponent is created, all children in options
+>     // will be added to the instance by their name strings and options
+>     MyComponent.prototype.options_.children = {
+>       myChildComponent: {
+>         myChildOption: true
+>       }
+>     }
+
+_inherited from_: [src/js/component.js#L443](https://github.com/videojs/video.js/blob/master/src/js/component.js#L443)
+
+---
+
+### 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#L262](https://github.com/videojs/video.js/blob/master/src/js/component.js#L262)
+
+---
+
+### 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#L514](https://github.com/videojs/video.js/blob/master/src/js/component.js#L514)
+
+---
+
+### 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#L500](https://github.com/videojs/video.js/blob/master/src/js/component.js#L500)
+
+---
+
+### 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#L526](https://github.com/videojs/video.js/blob/master/src/js/component.js#L526)
+
+---
+
+### 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#L173](https://github.com/videojs/video.js/blob/master/src/js/component.js#L173)
+
+---
+
+### player()
+> Return the component's player
+
+##### RETURNS: 
+* `vjs.Player` 
+
+_inherited from_: [src/js/component.js#L120](https://github.com/videojs/video.js/blob/master/src/js/component.js#L120)
+
+---
+
+### 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#L585](https://github.com/videojs/video.js/blob/master/src/js/component.js#L585)
+
+---
+
+### 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#L405](https://github.com/videojs/video.js/blob/master/src/js/component.js#L405)
+
+---
+
+### 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#L643](https://github.com/videojs/video.js/blob/master/src/js/component.js#L643)
+
+---
+
+### show()
+> Show the component element if hidden
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L653](https://github.com/videojs/video.js/blob/master/src/js/component.js#L653)
+
+---
+
+### 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#L540](https://github.com/videojs/video.js/blob/master/src/js/component.js#L540)
+
+---
+
+### triggerReady()
+> Trigger the ready listeners
+
+##### RETURNS: 
+* `vjs.Component` 
+
+_inherited from_: [src/js/component.js#L604](https://github.com/videojs/video.js/blob/master/src/js/component.js#L604)
+
+---
+
+### 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#L716](https://github.com/videojs/video.js/blob/master/src/js/component.js#L716)
+
+---
+
+## EVENTS
+
+### resize `EVENT`
+> Fired when the width and/or height of the component changes
+
+_inherited from_: [src/js/component.js#L823](https://github.com/videojs/video.js/blob/master/src/js/component.js#L823)
+
+---
+

docs/api/vjs.md

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

docs/api/vjs.media.md

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

docs/guides/api.md

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

docs/guides/components.md

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

docs/guides/setup.md

@@ -10,17 +10,25 @@ You can download the Video.js source and host it on your own servers, or use the
 
 > NOTE: If you're already using an HTML5 shiv like [Modernizr](http://modernizr.com/) you can include the Video.js JavaScript anywhere, however make sure your version of Modernizr includes the shiv for video.
 
+> If you're not using something like Modernizr but still want to include Video.JS before the closing body tag, you can add your own shiv. Include this in the head of your document:
+
+> ```html
+<script type="text/javascript">
+  document.createElement('video');document.createElement('audio');document.createElement('track');
+</script>
+```
+
 ### CDN Version ###
 ```html
-<link href="http://vjs.zencdn.net/4.1/video-js.css" rel="stylesheet">
-<script src="http://vjs.zencdn.net/4.1/video.js"></script>
+<link href="//vjs.zencdn.net/4.5/video-js.css" rel="stylesheet">
+<script src="//vjs.zencdn.net/4.5/video.js"></script>
 ```
 
 ### Self Hosted. ###
 With the self hosted option you'll also want to update the location of the video-js.swf file.
 ```html
-<link href="http://example.com/path/to/video-js.css" rel="stylesheet">
-<script src="http://example.com/path/to/video.js"></script>
+<link href="//example.com/path/to/video-js.css" rel="stylesheet">
+<script src="//example.com/path/to/video.js"></script>
 <script>
   videojs.options.flash.swf = "http://example.com/path/to/video-js.swf"
 </script>
@@ -31,7 +39,7 @@ Step 2: Add an HTML5 video tag to your page.
 --------------------------------------------
 With Video.js you just use an HTML5 video tag to embed a video. Video.js will then read the tag and make it work in all browsers, not just ones that support HTML5 video. Beyond the basic markup, Video.js needs a few extra pieces.
 
-  1. The 'data-setup' Atrribute tells Video.js to automatically set up the video when the page is ready, and read any options (in JSON format) from the attribute (see [options](options.md)). There are other methods for initializing the player, but this is the easiest.
+  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 (see [options](options.md)). There are other methods for initializing the player, but this is the easiest.
 
   2. The 'id' Attribute: Should be used and unique for every video on the same page.
 
@@ -52,6 +60,16 @@ Otherwise include/exclude attributes, settings, sources, and tracks exactly as y
 </video>
 ```
 
+By default, the big play button is located in the upper left hand corner so it doesn't cover up the interesting parts of the poster. If you'd prefer to center the big play button, you can add an additional `vjs-big-play-centered` class to your video element. For example:
+
+```html
+<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
+  controls preload="auto" width="640" height="264"
+  poster="http://video-js.zencoder.com/oceans-clip.png"
+  data-setup='{"example_option":true}'>
+  ...
+</video>
+```
 
 Alternative Setup for Dynamically Loaded HTML
 ---------------------------------------------
@@ -68,3 +86,17 @@ The second argument is an options object. It allows you to set additional option
 
 The third argument is a 'ready' callback. Once Video.js has initialized it will call this function.
 
+Instead of using an element ID, you can also pass a reference to the element itself.
+
+```js
+videojs(document.getElementsById('example_video_1'), {}, function() {
+  // This is functionally the same as the previous example.
+});
+```
+
+```js
+videojs(document.getElementsByClassName('awesome_video_class')[0], {}, function() {
+  // You can grab an element by class if you'd like, just make sure
+  // if it's an array that you pick one (here we chose the first).
+});
+```

docs/guides/skins.md

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

docs/guides/tech.md

@@ -66,35 +66,3 @@ You may optionally use the last `/` as the separator between connection and stre
     <source src="rtmp://your.streaming.provider.net/cfx/st/mp4:video.mp4" type="rtmp/mp4">
 
 All four RTMP protocols are valid in the `src` (RTMP, RTMPT, RTMPE, and RTMPS).
-
-Youtube Technology
-==================
-To add a youtube source to your video tag, use the following source:
-
-    <source src="http://www.youtube.com/watch?v=[ytVideoId]" type="video/youtube"
-
-Important Note:
-------------------
-> You can simply copy and paste the url of the youtube page from the browser and
-> the Youtube Tech will be able to find the video id by itself. This is just the
-> minimum needed to get the video working. (Useful for data storage)
-
-
-Youtube Technology - Extra Options
-----------------------------------
-
-In Addition to the natively supported options, the Youtube API supports the following
-added options:
-
-### ytcontrols ###
-Type: Boolean (T/F)
-Default: False
-
-Determines whether to show Youtube's basic Red/Black default play bar skin or to hide
-it and use the native video-js play bar.
-
-### hd ###
-Type: Boolean (T/F)
-Default: False
-
-Determines whether or not to play back the video in HD.

docs/index.md

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

package.json

@@ -1,9 +1,10 @@
 {
   "name": "video.js",
   "description": "An HTML5 and Flash video player with a common API and skin for both.",
-  "version": "4.2.0",
-  "copyright": "Copyright 2013 Brightcove, Inc. https://github.com/videojs/video.js/blob/master/LICENSE",
+  "version": "4.5.2",
+  "copyright": "Copyright 2014 Brightcove, Inc. https://github.com/videojs/video.js/blob/master/LICENSE",
   "keywords": [
+    "videojs",
     "html5",
     "flash",
     "video",
@@ -16,11 +17,16 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/zencoder/video-js.git"
+    "url": "https://github.com/videojs/video.js.git"
+  },
+  "main": "./dist/video-js/video.js",
+  "dependencies": {
+    "videojs-swf": "4.4.0"
   },
   "devDependencies": {
     "grunt-cli": "~0.1.0",
-    "grunt": "~0.4.0",
+    "grunt": "~0.4",
+    "grunt-contrib-connect": "~0.7.1",
     "grunt-contrib-jshint": "~0.4.3",
     "grunt-contrib-watch": "~0.1.4",
     "grunt-contrib-qunit": "~0.2.1",
@@ -33,23 +39,24 @@
     "semver": "~1.1.4",
     "grunt-contrib-cssmin": "~0.6.0",
     "uglify-js": "~2.3.6",
-    "grunt-contrib-less": "~0.6.4"
-  },
-  "testling": {
-    "browsers": [
-      "ie6",
-      "ie7",
-      "ie8",
-      "ie9",
-      "firefox/15",
-      "chrome/22",
-      "opera/12",
-      "safari/5.1"
-    ],
-    "harness": "mocha-qunit",
-    "scripts": [
-      "src/js/*.js",
-      "test/unit/*.js"
-    ]
+    "grunt-contrib-less": "~0.6.4",
+    "grunt-karma": "~0.6.2",
+    "karma": "~0.10.0",
+    "karma-chrome-launcher": "~0.1.2",
+    "karma-firefox-launcher": "~0.1.3",
+    "karma-ie-launcher": "~0.1.1",
+    "karma-opera-launcher": "~0.1.0",
+    "karma-phantomjs-launcher": "~0.1.1",
+    "karma-safari-launcher": "~0.1.1",
+    "karma-qunit": "~0.1.1",
+    "videojs-doc-generator": "0.0.1",
+    "qunitjs": "~1.12.0",
+    "grunt-zip": "0.10.2",
+    "grunt-banner": "~0.2.0",
+    "chg": "~0.1.8",
+    "grunt-tagrelease": "~0.3.3",
+    "github": "~0.1.14",
+    "open": "0.0.4",
+    "grunt-version": "~0.3.0"
   }
 }

sandbox/index.html.example

@@ -11,7 +11,7 @@
 
   <!-- Set the location of the flash SWF -->
   <script>
-    vjs.options.flash.swf = '../src/swf/video-js.swf'
+    vjs.options.flash.swf = '../node_modules/videojs-swf/dist/video-js.swf'
   </script>
 
 </head>

src/css/font/vjs.svg

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

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

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

src/css/video-js.less

@@ -95,8 +95,12 @@ The control icons are from a custom font. Each icon corresponds to a character
 @fullscreen-exit-icon: "\e00b";
 @square-icon: "\e009";
 @spinner-icon: "\e00a";
+@spinner2-icon: "\e00d";
+@spinner3-icon: "\e01e";
+@spinner4-icon: "\e01f";
 @subtitles-icon: "\e00c";
 @captions-icon: "\e008";
+@share-icon: "\e00e";
 
 /* Base UI Component Classes
 --------------------------------------------------------------------------------
@@ -460,6 +464,15 @@ easily in the skin designer. http://designer.videojs.com/
   .transition(all 0.4s);
 }
 
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+  @total-width: @big-play-width + (@big-play-border-width * 2);
+  @total-height: @big-play-height + (@big-play-border-width * 2);
+
+  .absolute-align(center, @big-play-margin, @total-width);
+  .absolute-align(middle, @big-play-margin, @total-height);
+}
+
 /* Hide if controls are disabled */
 .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
   display: none;
@@ -510,7 +523,7 @@ easily in the skin designer. http://designer.videojs.com/
   top: 50%;
   left: 50%;
 
-  font-size: 5em;
+  font-size: 4em;
   line-height: 1;
 
   width: 1em;
@@ -525,7 +538,7 @@ easily in the skin designer. http://designer.videojs.com/
 }
 
 .vjs-default-skin .vjs-loading-spinner:before {
-  content: @spinner-icon;
+  content: @spinner3-icon;
   font-family: VideoJS;
 
   position: absolute;
@@ -757,6 +770,12 @@ body.vjs-full-window {
   left: 1em;
   right: 1em;
 }
+
+/* Move captions down when controls aren't being shown */
+.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+
 /* Individual tracks */
 .video-js .vjs-text-track {
   display: none;

src/js/big-play-button.js

@@ -5,6 +5,7 @@
  * big play button is done via CSS and player states.
  * @param {vjs.Player|Object} player
  * @param {Object=} options
+ * @class
  * @constructor
  */
 vjs.BigPlayButton = vjs.Button.extend();
@@ -12,7 +13,7 @@ vjs.BigPlayButton = vjs.Button.extend();
 vjs.BigPlayButton.prototype.createEl = function(){
   return vjs.Button.prototype.createEl.call(this, 'div', {
     className: 'vjs-big-play-button',
-    innerHTML: '<span></span>',
+    innerHTML: '<span aria-hidden="true"></span>',
     'aria-label': 'play video'
   });
 };

src/js/button.js

@@ -4,10 +4,14 @@
  * Base class for all buttons
  * @param {vjs.Player|Object} player
  * @param {Object=} options
+ * @class
  * @constructor
  */
 vjs.Button = vjs.Component.extend({
-  /** @constructor */
+  /**
+   * @constructor
+   * @inheritDoc
+   */
   init: function(player, options){
     vjs.Component.call(this, player, options);
 
@@ -39,7 +43,7 @@ vjs.Button.prototype.createEl = function(type, props){
   props = vjs.obj.merge({
     className: this.buildCSSClass(),
     innerHTML: '<div class="vjs-control-content"><span class="vjs-control-text">' + (this.buttonText || 'Need Text') + '</span></div>',
-    role: 'button',
+    'role': 'button',
     'aria-live': 'polite', // let the screen reader user know that the text of the button may change
     tabIndex: 0
   }, props);

src/js/component.js

@@ -5,12 +5,39 @@
 
 /**
  * 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');
+ *
  * @param {Object} player  Main Player
  * @param {Object=} options
+ * @class
  * @constructor
+ * @extends vjs.CoreObject
  */
 vjs.Component = vjs.CoreObject.extend({
-  /** @constructor */
+  /**
+   * the constructor function for the class
+   *
+   * @constructor
+   */
   init: function(player, options, ready){
     this.player_ = player;
 
@@ -38,14 +65,18 @@ vjs.Component = vjs.CoreObject.extend({
     this.ready(ready);
     // Don't want to trigger ready here or it will before init is actually
     // finished for all children that run this constructor
+
+    if (options.reportTouchActivity !== false) {
+      this.enableTouchActivity();
+    }
   }
 });
 
 /**
- * Dispose of the component and all child components.
+ * Dispose of the component and all child components
  */
 vjs.Component.prototype.dispose = function(){
-  this.trigger('dispose');
+  this.trigger({ type: 'dispose', 'bubbles': false });
 
   // Dispose all children.
   if (this.children_) {
@@ -74,14 +105,16 @@ vjs.Component.prototype.dispose = function(){
 };
 
 /**
- * Reference to main player instance.
+ * Reference to main player instance
+ *
  * @type {vjs.Player}
  * @private
  */
-vjs.Component.prototype.player_;
+vjs.Component.prototype.player_ = true;
 
 /**
- * Return the component's player.
+ * Return the component's player
+ *
  * @return {vjs.Player}
  */
 vjs.Component.prototype.player = function(){
@@ -89,7 +122,8 @@ vjs.Component.prototype.player = function(){
 };
 
 /**
- * Component options object.
+ * The component's options object
+ *
  * @type {Object}
  * @private
  */
@@ -97,6 +131,7 @@ vjs.Component.prototype.options_;
 
 /**
  * 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.
  *
@@ -104,54 +139,56 @@ vjs.Component.prototype.options_;
  * 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': {}
- *   }
- * }
+ *     Parent.prototype.options_ = {
+ *       children: {
+ *         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+ *         'childTwo': {},
+ *         'childThree': {}
+ *       }
+ *     }
+ *     newOptions = {
+ *       children: {
+ *         'childOne': { 'foo': 'baz', 'abc': '123' }
+ *         'childTwo': null,
+ *         'childFour': {}
+ *       }
+ *     }
  *
- * this.options(newOptions);
+ *     this.options(newOptions);
  *
  * RESULT
  *
- * {
- *   children: {
- *     'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
- *     'childTwo': null, // Disabled. Won't be initialized.
- *     'childThree': {},
- *     'childFour': {}
- *   }
- * }
+ *     {
+ *       children: {
+ *         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+ *         'childTwo': null, // Disabled. Won't be initialized.
+ *         'childThree': {},
+ *         'childFour': {}
+ *       }
+ *     }
  *
- * @param  {Object} obj Object whose values will be overwritten
- * @return {Object}      NEW merged object. Does not return obj1.
+ * @param  {Object} obj Object of new option values
+ * @return {Object}     A NEW object of this.options_ and obj merged
  */
 vjs.Component.prototype.options = function(obj){
   if (obj === undefined) return this.options_;
 
-  return this.options_ = vjs.obj.deepMerge(this.options_, obj);
+  return this.options_ = vjs.util.mergeOptions(this.options_, obj);
 };
 
 /**
- * The DOM element for the component.
+ * The DOM element for the component
+ *
  * @type {Element}
  * @private
  */
 vjs.Component.prototype.el_;
 
 /**
- * Create the component's DOM element.
+ * Create the component's DOM element
+ *
  * @param  {String=} tagName  Element's node type. e.g. 'div'
- * @param  {Object=} attributes An object of element attributes that should be set on the element.
+ * @param  {Object=} attributes An object of element attributes that should be set on the element
  * @return {Element}
  */
 vjs.Component.prototype.createEl = function(tagName, attributes){
@@ -159,7 +196,10 @@ vjs.Component.prototype.createEl = function(tagName, attributes){
 };
 
 /**
- * Return the component's DOM element.
+ * Get the component's DOM element
+ *
+ *     var domEl = myComponent.el();
+ *
  * @return {Element}
  */
 vjs.Component.prototype.el = function(){
@@ -167,8 +207,9 @@ vjs.Component.prototype.el = function(){
 };
 
 /**
- * An optional element where, if defined, children will be inserted
- *   instead of directly in el_
+ * An optional element where, if defined, children will be inserted instead of
+ * directly in `el_`
+ *
  * @type {Element}
  * @private
  */
@@ -176,7 +217,8 @@ vjs.Component.prototype.contentEl_;
 
 /**
  * Return the component's DOM element for embedding content.
- *   will either be el_ or a new element defined in createEl
+ * Will either be el_ or a new element defined in createEl.
+ *
  * @return {Element}
  */
 vjs.Component.prototype.contentEl = function(){
@@ -184,14 +226,18 @@ vjs.Component.prototype.contentEl = function(){
 };
 
 /**
- * The ID for the component.
+ * The ID for the component
+ *
  * @type {String}
  * @private
  */
 vjs.Component.prototype.id_;
 
 /**
- * Return the component's ID.
+ * Get the component's ID
+ *
+ *     var id = myComponent.id();
+ *
  * @return {String}
  */
 vjs.Component.prototype.id = function(){
@@ -200,13 +246,17 @@ vjs.Component.prototype.id = function(){
 
 /**
  * The name for the component. Often used to reference the component.
+ *
  * @type {String}
  * @private
  */
 vjs.Component.prototype.name_;
 
 /**
- * Return the component's ID.
+ * Get the component's name. The name is often used to reference the component.
+ *
+ *     var name = myComponent.name();
+ *
  * @return {String}
  */
 vjs.Component.prototype.name = function(){
@@ -215,14 +265,18 @@ vjs.Component.prototype.name = function(){
 
 /**
  * Array of child components
+ *
  * @type {Array}
  * @private
  */
 vjs.Component.prototype.children_;
 
 /**
- * Returns array of all child components.
- * @return {Array}
+ * Get an array of all child components
+ *
+ *     var kids = myComponent.children();
+ *
+ * @return {Array} The children
  */
 vjs.Component.prototype.children = function(){
   return this.children_;
@@ -230,40 +284,64 @@ vjs.Component.prototype.children = function(){
 
 /**
  * Object of child components by ID
+ *
  * @type {Object}
  * @private
  */
 vjs.Component.prototype.childIndex_;
 
 /**
- * Returns a child component with the provided ID.
- * @return {Array}
+ * Returns a child component with the provided ID
+ *
+ * @return {vjs.Component}
  */
 vjs.Component.prototype.getChildById = function(id){
   return this.childIndex_[id];
 };
 
 /**
- * Object of child components by Name
+ * Object of child components by name
+ *
  * @type {Object}
  * @private
  */
 vjs.Component.prototype.childNameIndex_;
 
 /**
- * Returns a child component with the provided ID.
- * @return {Array}
+ * Returns a child component with the provided name
+ *
+ * @return {vjs.Component}
  */
 vjs.Component.prototype.getChild = function(name){
   return this.childNameIndex_[name];
 };
 
 /**
- * Adds a child component inside this component.
- * @param {String|vjs.Component} child The class name or instance of a child to add.
- * @param {Object=} options Optional options, including options to be passed to
- *  children of the child.
- * @return {vjs.Component} The child component, because it might be created in this process.
+ * 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
+ *         }
+ *       }
+ *     });
+ *
+ * @param {String|vjs.Component} child The class name or instance of a child to add
+ * @param {Object=} options Options, including options to be passed to children of the child.
+ * @return {vjs.Component} The child component (created by this process if a string was used)
  * @suppress {accessControls|checkRegExp|checkTypes|checkVars|const|constantProperty|deprecated|duplicate|es5Strict|fileoverviewTags|globalThis|invalidCasts|missingProperties|nonStandardJsDocs|strictModuleDepCheck|undefinedNames|undefinedVars|unknownDefines|uselessCode|visibility}
  */
 vjs.Component.prototype.addChild = function(child, options){
@@ -318,6 +396,12 @@ vjs.Component.prototype.addChild = function(child, options){
   return component;
 };
 
+/**
+ * Remove a child component from this component's list of children, and the
+ * child component's element from this component's element
+ *
+ * @param  {vjs.Component} component Component to remove
+ */
 vjs.Component.prototype.removeChild = function(component){
   if (typeof component === 'string') {
     component = this.getChild(component);
@@ -346,7 +430,15 @@ vjs.Component.prototype.removeChild = function(component){
 };
 
 /**
- * Initialize default child components from options
+ * 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
+ *       }
+ *     }
  */
 vjs.Component.prototype.initChildren = function(){
   var options = this.options_;
@@ -375,6 +467,11 @@ vjs.Component.prototype.initChildren = function(){
   }
 };
 
+/**
+ * Allows sub components to stack CSS class names
+ *
+ * @return {String} The constructed class name
+ */
 vjs.Component.prototype.buildCSSClass = function(){
     // Child classes can include a function that does:
     // return 'CLASS NAME' + this._super();
@@ -385,10 +482,20 @@ vjs.Component.prototype.buildCSSClass = function(){
 ============================================================================= */
 
 /**
- * Add an event listener to this component's element. Context will be the component.
- * @param  {String}   type Event type e.g. 'click'
- * @param  {Function} fn   Event listener
- * @return {vjs.Component}
+ * 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.
+ *
+ * @param  {String}   type The event type e.g. 'click'
+ * @param  {Function} fn   The event listener
+ * @return {vjs.Component} self
  */
 vjs.Component.prototype.on = function(type, fn){
   vjs.on(this.el_, type, vjs.bind(this, fn));
@@ -397,8 +504,11 @@ vjs.Component.prototype.on = function(type, fn){
 
 /**
  * Remove an event listener from the component's element
- * @param  {String=}   type Optional event type. Without type it will remove all listeners.
- * @param  {Function=} fn   Optional event listener. Without fn it will remove all listeners for a type.
+ *
+ *     myComponent.off("eventName", myFunc);
+ *
+ * @param  {String=}   type Event type. Without type it will remove all listeners.
+ * @param  {Function=} fn   Event listener. Without fn it will remove all listeners for a type.
  * @return {vjs.Component}
  */
 vjs.Component.prototype.off = function(type, fn){
@@ -408,6 +518,7 @@ vjs.Component.prototype.off = function(type, fn){
 
 /**
  * Add an event listener to be triggered only once and then removed
+ *
  * @param  {String}   type Event type
  * @param  {Function} fn   Event listener
  * @return {vjs.Component}
@@ -419,9 +530,12 @@ vjs.Component.prototype.one = function(type, fn) {
 
 /**
  * Trigger an event on an element
- * @param  {String} type  Event type to trigger
- * @param  {Event|Object} event Event object to be passed to the listener
- * @return {vjs.Component}
+ *
+ *     myComponent.trigger('eventName');
+ *
+ * @param  {String}       type  The event type to trigger, e.g. 'click'
+ * @param  {Event|Object} event The event object to be passed to the listener
+ * @return {vjs.Component}      self
  */
 vjs.Component.prototype.trigger = function(type, event){
   vjs.trigger(this.el_, type, event);
@@ -431,33 +545,40 @@ vjs.Component.prototype.trigger = function(type, event){
 /* Ready
 ================================================================================ */
 /**
- * Is the component loaded.
- * @type {Boolean}
+ * Is the component loaded
+ * This can mean different things depending on the component.
+ *
  * @private
+ * @type {Boolean}
  */
 vjs.Component.prototype.isReady_;
 
 /**
- * Trigger ready as soon as initialization is finished.
- *   Allows for delaying ready. Override on a sub class prototype.
- *   If you set this.isReadyOnInitFinish_ it will affect all components.
- *   Specially used when waiting for the Flash player to asynchrnously load.
- *   @type {Boolean}
- *   @private
+ * Trigger ready as soon as initialization is finished
+ *
+ * Allows for delaying ready. Override on a sub class prototype.
+ * If you set this.isReadyOnInitFinish_ it will affect all components.
+ * Specially used when waiting for the Flash player to asynchrnously load.
+ *
+ * @type {Boolean}
+ * @private
  */
 vjs.Component.prototype.isReadyOnInitFinish_ = true;
 
 /**
  * List of ready listeners
+ *
  * @type {Array}
  * @private
  */
 vjs.Component.prototype.readyQueue_;
 
 /**
- * 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.
+ * 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.
+ *
  * @param  {Function} fn Ready listener
  * @return {vjs.Component}
  */
@@ -477,6 +598,7 @@ vjs.Component.prototype.ready = function(fn){
 
 /**
  * Trigger the ready listeners
+ *
  * @return {vjs.Component}
  */
 vjs.Component.prototype.triggerReady = function(){
@@ -503,6 +625,7 @@ vjs.Component.prototype.triggerReady = function(){
 
 /**
  * Add a CSS class name to the component's element
+ *
  * @param {String} classToAdd Classname to add
  * @return {vjs.Component}
  */
@@ -513,6 +636,7 @@ vjs.Component.prototype.addClass = function(classToAdd){
 
 /**
  * Remove a CSS class name from the component's element
+ *
  * @param {String} classToRemove Classname to remove
  * @return {vjs.Component}
  */
@@ -523,6 +647,7 @@ vjs.Component.prototype.removeClass = function(classToRemove){
 
 /**
  * Show the component element if hidden
+ *
  * @return {vjs.Component}
  */
 vjs.Component.prototype.show = function(){
@@ -531,7 +656,8 @@ vjs.Component.prototype.show = function(){
 };
 
 /**
- * Hide the component element if hidden
+ * Hide the component element if currently showing
+ *
  * @return {vjs.Component}
  */
 vjs.Component.prototype.hide = function(){
@@ -540,8 +666,11 @@ vjs.Component.prototype.hide = function(){
 };
 
 /**
- * Lock an item in its visible state. To be used with fadeIn/fadeOut.
+ * Lock an item in its visible state
+ * To be used with fadeIn/fadeOut.
+ *
  * @return {vjs.Component}
+ * @private
  */
 vjs.Component.prototype.lockShowing = function(){
   this.addClass('vjs-lock-showing');
@@ -549,8 +678,11 @@ vjs.Component.prototype.lockShowing = function(){
 };
 
 /**
- * Unlock an item to be hidden. To be used with fadeIn/fadeOut.
+ * Unlock an item to be hidden
+ * To be used with fadeIn/fadeOut.
+ *
  * @return {vjs.Component}
+ * @private
  */
 vjs.Component.prototype.unlockShowing = function(){
   this.removeClass('vjs-lock-showing');
@@ -559,6 +691,9 @@ vjs.Component.prototype.unlockShowing = function(){
 
 /**
  * Disable component by making it unshowable
+ *
+ * Currently private because we're movign towards more css-based states.
+ * @private
  */
 vjs.Component.prototype.disable = function(){
   this.hide();
@@ -566,35 +701,45 @@ vjs.Component.prototype.disable = function(){
 };
 
 /**
- * If a value is provided it will change the width of the player to that value
- * otherwise the width is returned
- * http://dev.w3.org/html5/spec/dimension-attributes.html#attr-dim-height
- * Video tag width/height only work in pixels. No percents.
- * But allowing limited percents use. e.g. width() will return number+%, not computed width
+ * 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.
+ *
  * @param  {Number|String=} num   Optional width number
- * @param  {[type]} skipListeners Skip the 'resize' event trigger
- * @return {vjs.Component|Number|String} Returns 'this' if dimension was set.
- *   Otherwise it returns the dimension.
+ * @param  {Boolean} skipListeners Skip the 'resize' event trigger
+ * @return {vjs.Component} This component, when setting the width
+ * @return {Number|String} The width, when getting
  */
 vjs.Component.prototype.width = function(num, skipListeners){
   return this.dimension('width', num, skipListeners);
 };
 
 /**
- * Get or set the height of the player
- * @param  {Number|String=} num     Optional new player height
- * @param  {Boolean=} skipListeners Optional skip resize event trigger
- * @return {vjs.Component|Number|String} The player, or the dimension
+ * 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.
+ *
+ * @param  {Number|String=} num     New component height
+ * @param  {Boolean=} skipListeners Skip the resize event trigger
+ * @return {vjs.Component} This component, when setting the height
+ * @return {Number|String} The height, when getting
  */
 vjs.Component.prototype.height = function(num, skipListeners){
   return this.dimension('height', num, skipListeners);
 };
 
 /**
- * Set both width and height at the same time.
+ * Set both width and height at the same time
+ *
  * @param  {Number|String} width
  * @param  {Number|String} height
- * @return {vjs.Component}   The player.
+ * @return {vjs.Component} The component
  */
 vjs.Component.prototype.dimensions = function(width, height){
   // Skip resize listeners on width for optimization
@@ -602,18 +747,22 @@ vjs.Component.prototype.dimensions = function(width, height){
 };
 
 /**
- * Get or set width or height.
+ * Get or set width or height
+ *
+ * This is the shared code for the width() and height() methods.
  * All for an integer, integer + 'px' or integer + '%';
- * Known issue: hidden elements. Hidden elements officially have a width of 0.
- * So we're defaulting to the style.width value and falling back to computedStyle
- * which has the hidden element issue.
- * Info, but probably not an efficient fix:
+ *
+ * Known issue: Hidden elements officially have a width of 0. We're defaulting
+ * to the style.width value and falling back to computedStyle which has the
+ * hidden element issue. Info, but probably not an efficient fix:
  * http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/
- * @param  {String=} widthOrHeight 'width' or 'height'
- * @param  {Number|String=} num           New dimension
+ *
+ * @param  {String} widthOrHeight  'width' or 'height'
+ * @param  {Number|String=} num     New dimension
  * @param  {Boolean=} skipListeners Skip resize event trigger
- * @return {vjs.Component|Number|String} Return the player if setting a dimension.
- *                                         Otherwise it returns the dimension.
+ * @return {vjs.Component} The component if a dimension was set
+ * @return {Number|String} The dimension if nothing was set
+ * @private
  */
 vjs.Component.prototype.dimension = function(widthOrHeight, num, skipListeners){
   if (num !== undefined) {
@@ -668,12 +817,20 @@ vjs.Component.prototype.dimension = function(widthOrHeight, num, skipListeners){
 };
 
 /**
- * Emit 'tap' events when touch events are supported. We're requireing them to
- * be enabled because otherwise every component would have this extra overhead
- * unnecessarily, on mobile devices where extra overhead is especially bad.
+ * Fired when the width and/or height of the component changes
+ * @event resize
+ */
+vjs.Component.prototype.onResize;
+
+/**
+ * Emit 'tap' events when touch events are supported
  *
- * This is being implemented so we can support taps on the video element
- * toggling the controls.
+ * This is used to support toggling the controls through a tap on the video.
+ *
+ * We're requireing them to be enabled because otherwise every component would
+ * have this extra overhead unnecessarily, on mobile devices where extra
+ * overhead is especially bad.
+ * @private
  */
 vjs.Component.prototype.emitTapEvents = function(){
   var touchStart, touchTime, couldBeTap, noTap;
@@ -698,7 +855,7 @@ vjs.Component.prototype.emitTapEvents = function(){
 
   // When the touch ends, measure how long it took and trigger the appropriate
   // event
-  this.on('touchend', function() {
+  this.on('touchend', function(event) {
     // Proceed only if the touchmove/leave/cancel event didn't happen
     if (couldBeTap === true) {
       // Measure how long the touch lasted
@@ -713,3 +870,54 @@ vjs.Component.prototype.emitTapEvents = function(){
     }
   });
 };
+
+/**
+ * Report user touch activity when touch events occur
+ *
+ * User activity is used to determine when controls should show/hide. It's
+ * relatively simple when it comes to mouse events, because any mouse event
+ * should show the controls. So we capture mouse events that bubble up to the
+ * player and report activity when that happens.
+ *
+ * With touch events it isn't as easy. We can't rely on touch events at the
+ * player level, because a tap (touchstart + touchend) on the video itself on
+ * mobile devices is meant to turn controls off (and on). User activity is
+ * checked asynchronously, so what could happen is a tap event on the video
+ * turns the controls off, then the touchend event bubbles up to the player,
+ * which if it reported user activity, would turn the controls right back on.
+ * (We also don't want to completely block touch events from bubbling up)
+ *
+ * Also a touchmove, touch+hold, and anything other than a tap is not supposed
+ * to turn the controls back on on a mobile device.
+ *
+ * Here we're setting the default component behavior to report user activity
+ * whenever touch events happen, and this can be turned off by components that
+ * want touch events to act differently.
+ */
+vjs.Component.prototype.enableTouchActivity = function() {
+  var report, touchHolding, touchEnd;
+
+  // listener for reporting that the user is active
+  report = vjs.bind(this.player(), this.player().reportUserActivity);
+
+  this.on('touchstart', function() {
+    report();
+    // For as long as the they are touching the device or have their mouse down,
+    // we consider them active even if they're not moving their finger or mouse.
+    // So we want to continue to update that they are active
+    clearInterval(touchHolding);
+    // report at the same interval as activityCheck
+    touchHolding = setInterval(report, 250);
+  });
+
+  touchEnd = function(event) {
+    report();
+    // stop the interval that maintains activity if the touch is holding
+    clearInterval(touchHolding);
+  };
+
+  this.on('touchmove', report);
+  this.on('touchend', touchEnd);
+  this.on('touchcancel', touchEnd);
+};
+

src/js/control-bar/control-bar.js

@@ -2,7 +2,9 @@
  * Container of main controls
  * @param {vjs.Player|Object} player
  * @param {Object=} options
+ * @class
  * @constructor
+ * @extends vjs.Component
  */
 vjs.ControlBar = vjs.Component.extend();
 

src/js/control-bar/fullscreen-toggle.js

@@ -2,10 +2,15 @@
  * Toggle fullscreen video
  * @param {vjs.Player|Object} player
  * @param {Object=} options
- * @constructor
+ * @class
+ * @extends vjs.Button
  */
 vjs.FullscreenToggle = vjs.Button.extend({
-  /** @constructor */
+  /**
+   * @constructor
+   * @memberof vjs.FullscreenToggle
+   * @instance
+   */
   init: function(player, options){
     vjs.Button.call(this, player, options);
   }
@@ -18,11 +23,11 @@ vjs.FullscreenToggle.prototype.buildCSSClass = function(){
 };
 
 vjs.FullscreenToggle.prototype.onClick = function(){
-  if (!this.player_.isFullScreen) {
+  if (!this.player_.isFullScreen()) {
     this.player_.requestFullScreen();
     this.el_.children[0].children[0].innerHTML = 'Non-Fullscreen'; // change the button text to "Non-Fullscreen"
   } else {
     this.player_.cancelFullScreen();
     this.el_.children[0].children[0].innerHTML = 'Fullscreen'; // change the button to "Fullscreen"
   }
-};
+};

src/js/control-bar/mute-toggle.js

@@ -1,5 +1,6 @@
 /**
- * Mute the audio
+ * A button component for muting the audio
+ *
  * @param {vjs.Player|Object} player
  * @param {Object=} options
  * @constructor

src/js/control-bar/play-toggle.js

@@ -2,6 +2,7 @@
  * Button to toggle between play and pause
  * @param {vjs.Player|Object} player
  * @param {Object=} options
+ * @class
  * @constructor
  */
 vjs.PlayToggle = vjs.Button.extend({
@@ -20,7 +21,7 @@ vjs.PlayToggle.prototype.buildCSSClass = function(){
   return 'vjs-play-control ' + vjs.Button.prototype.buildCSSClass.call(this);
 };
 
-  // OnClick - Toggle between play and pause
+// OnClick - Toggle between play and pause
 vjs.PlayToggle.prototype.onClick = function(){
   if (this.player_.paused()) {
     this.player_.play();
@@ -41,4 +42,4 @@ vjs.PlayToggle.prototype.onPause = function(){
   vjs.removeClass(this.el_, 'vjs-playing');
   vjs.addClass(this.el_, 'vjs-paused');
   this.el_.children[0].children[0].innerHTML = 'Play'; // change the button text to "Play"
-};
+};